关于使用JS获取当前时间并格式化输出

这篇具有很好参考价值的文章主要介绍了关于使用JS获取当前时间并格式化输出。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、Data对象的常用方法


const myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
myDate.toLocaleTimeString(); //获取当前时间

myDate.toLocaleString( ); //获取日期与时间
//toLocaleString( )方法默认输出格式为 '2023/4/1 22:22:18'

js获取当前时间并格式化,javascript,前端,开发语言

二、格式化输出

(1)逐个提取并拼接字符串

function printDate() {
  const d = new Date();
  const year = d.getFullYear();
  const month = d.getMonth() > 8 ? d.getMonth() + 1 : "0" + (d.getMonth() + 1);
  const date = d.getDate() > 9 ? d.getDate() : "0" + d.getDate();
  const hours = d.getHours() > 9 ? d.getHours() : "0" + d.getHours();
  const minutes = d.getMinutes() > 9 ? d.getMinutes() : "0" + d.getMinutes();
  const seconds = d.getSeconds() > 9 ? d.getSeconds() : "0" + d.getSeconds();
  return `${year}-${month}-${date} ${hours}:${minutes}:${seconds}`;
}

js获取当前时间并格式化,javascript,前端,开发语言
js获取当前时间并格式化,javascript,前端,开发语言

(2)一步到位提取年月日时分秒(重点)

首先,提取数据到数据

function extract(){
  const d = new Date(new Date().getTime() + 8*3600*1000);
  return new Date(d).toISOString().split(/[^0-9]/).slice(0,-2);
}

js获取当前时间并格式化,javascript,前端,开发语言
然后,拼接数据格式化输出

function forTime(){
    const d = new Date(new Date().getTime() + 8*3600*1000);
    const dList = d.toISOString().split(/[^0-9]/).slice(0,-2);
    return `${dList[0]}${dList[1]}${dList[2]}${dList[3]}${dList[4]}${dList[5]}`
}

js获取当前时间并格式化,javascript,前端,开发语言
(附上,过程剖析)
js获取当前时间并格式化,javascript,前端,开发语言文章来源地址https://www.toymoban.com/news/detail-774931.html

到了这里,关于关于使用JS获取当前时间并格式化输出的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • c# 时间获取以及格式化方式

    在C#中,你可以使用DateTime结构来获取并格式化时间。以下是一些示例和技巧: 获取当前日期和时间: 获取特定日期和时间: 格式化日期和时间为字符串: 使用自定义格式化字符串获取特定的日期和时间部分: 使用预定义格式字符串获取常见的日期和时间格式: 还可以使用

    2024年02月13日
    浏览(28)
  • 【js】时间和时间戳转换、日期格式化

    1、时间戳转换日期方法 (格式:2023-08-17) 2、日期字符串转时间戳 3、时间戳转换日期+时间方法 date:时间戳数字(格式:2023-08-17 14:11:01) 4、 获取日期中文格式

    2024年02月12日
    浏览(40)
  • js时间格式化和转换的方法

    近期在练习或写项目时经常会遇到时间格式的转换问题,今天我就来总结一下。 1、将日期转换为指定格式( yyyy-MM-dd hh:mm:ss 等格式) 封装方法format 也可以为Date原型直接添加format方法 2.将时间戳转换为年月日的格式 或者获取到date之后结合format使用 3.将时间转换为时间戳 注

    2024年02月11日
    浏览(28)
  • JS日期与字符串相互转换(时间格式化YYYY-MM-DD,Dayjs的使用)

    文章内容 文章链接 JS数组对象—— 根据日期进行排序 , 按照时间进行升序或降序排序 https://blog.csdn.net/XSL_HR/article/details/128579840?spm=1001.2014.3001.5501 JS日期时间格式化—— 数字日期转中文日期 (封装函数,dayjs转换时间格式) https://blog.csdn.net/XSL_HR/article/details/128607024?spm=100

    2024年01月18日
    浏览(56)
  • 【Java LocalDateTime】LocalDateTime获取时间信息、格式化、转换为数字时间戳

    文章目录 正文         一、描述         二、基本使用 1、获取LocalDateTime时间 2、时间比较 3、获取基本时间信息: 4、格式化 / 反格式化 5、转换为数字时间戳 6、数字时间戳转为LocalDateTime         LocalDateTime是Java 8引入的日期和时间API (java.time包)中的一个类, 不包含

    2024年02月03日
    浏览(34)
  • vue3 codemirror关于 sql 和 json格式化的使用以及深入了解codemirror 使用json格式化提示错误的关键代码。包含了json格式化没有效果和json格式化提示错误

    后端返回一个json字符串,里面有value1、value2指定字段渲染sql语句,其他渲染json语句。 jsonlint 和 jsonlint-mod 的区别 简单理解:jsonlint校验json格式化是否有效,jsonlint-mod用来格式化后同时校验json格式化是否有效。 (1)JSONLint是一种可以验证JSON格式是否有效的工具。 它可以检查

    2024年04月28日
    浏览(55)
  • 使用 uni-app 开发项目,日期和时间如何格式化?

    功能需求描述 在开发项目时,往往需要对从后端查询到的时间进行格式化,查到的时间格式一般都是 时间戳 ,一堆数字,这时候怎么转化成类似于  2023年8月15日 08:12:10  这样的格式? 在组件显示格式化后的日期 其实 uni-app 的官方拓展组件  uni-dateformat  就能实现这个需求

    2024年02月05日
    浏览(36)
  • springboot:时间格式化的5种方法(解决后端传给前端的时间格式转换问题)推荐使用第4和第5种!

    本文转载自:springboot:时间格式化的5种方法(解决后端传给前端的时间显示不一致)_为什么前端格式化日期了后端还要格式化_洛泞的博客-CSDN博客 为了方便演示,我写了一个简单 Spring Boot 项目,其中数据库中包含了一张 userinfo 表,它 的组成结构和数据信息如下:  项目目

    2024年02月10日
    浏览(31)
  • 前端项目中使用js-beautify格式化、美化js代码

    很多网站的js,html,css代码做了混淆处理,导致难以阅读,这个时候js-beautify工具就可以派上用场了。github地址:https://github.com/beautify-web/js-beautify 可以在这个网站看转换效果:https://www.1tool.site/#/javascript?id=1 效果如图:

    2024年02月15日
    浏览(39)
  • Python中f‘‘、str.format()和str%()的字符串格式化详解(2)------格式占位符的使用,日期、时间格式使用

    目录 四、 f\\\'\\\'、str.format()和str%()格式化表达式中格式占位符的使用 1、实现进制(或格式)的转换与冒号: 2、实现对象的字符串形式转换与感叹号! 3、为对象指定宽度或精度 4、对对象取百分比 5、为对象增加正号+或负号- 6、为对象增加标志(flags) 五、 f\\\'\\\'、str.format()和str%()格式化

    2024年02月04日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包