JS获取当前日期 YYYY-MM-DD hh-mm-ss的示例代码

 更新时间:2024年02月03日 14:45:24   作者:花树最爱猫  
在编写JavaScript代码时,遇到需要获取当前日期和时间并将其格式化为 yyyymmddhhmmss 字符串的情况,可以使用本文中介绍的几种实现方式中的任意一种,

JS获取当前日期 YYYY-MM-DD hh-mm-ss

//获取当前时间(中国标准时间)
var myDate = new Date();
//日期时间截取
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位)
myDate.getMonth();       //获取当前月份()
myDate.getDate();        //获取当前日()
myDate.getDay();         //获取当前星期X()
myDate.getTime();        //获取当前时间()
myDate.getHours();       //获取当前小时数()
myDate.getMinutes();     //获取当前分钟数()
myDate.getSeconds();     //获取当前秒数()
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
myDate.toLocaleString( );        //获取日期与时间
myDate.toLocaleTimeString();     //获取当前时间
myDate.toDateString ()           //转字符串
myDate.getTime()                 //转时间戳

补充:

在JavaScript中获取当前时间yyyymmddhhmmss的六种实现方式

在编写JavaScript代码时,遇到需要获取当前日期和时间并将其格式化为 yyyymmddhhmmss 字符串的情况。可以使用本文中介绍的几种实现方式中的任意一种。

方法一:使用Date对象

使用 Date 对象来获取当前日期和时间。

示例代码:

const now = new Date();
const year = now.getFullYear();
const month = ('0' + (now.getMonth() + 1)).slice(-2);
const day = ('0' + now.getDate()).slice(-2);
const hours = ('0' + now.getHours()).slice(-2);
const minutes = ('0' + now.getMinutes()).slice(-2);
const seconds = ('0' + now.getSeconds()).slice(-2);
const formattedTime = year + month + day + hours + minutes + seconds;
console.log(formattedTime);

结果截图:

代码说明:

在上面的代码中,使用了 getFullYear、getMonth、getDate、getHours、getMinutes 和 getSeconds 函数来获取年、月、日、小时、分钟和秒。然后,使用 slice 函数将所有这些值转换为两位数字并将它们连接到一个字符串中。

方法二:使用moment.js

Moment.js是一个流行的JavaScript日期库,它提供了许多日期和时间操作方法。

示例代码:

const moment = require('moment');
const formattedTime = moment().format('YYYYMMDDHHmmss');
console.log(formattedTime);

结果截图:

无,笔者使用时没有运行成功

代码说明:

在上面的代码中,使用了moment.js库的format函数将当前时间格式化为 yyyymmddhhmmss 的字符串。

方法三:使用Intl.DateTimeFormat

Intl.DateTimeFormat是一个内置的JavaScript日期库,它提供了本地化和格式化日期的方法。

示例代码:

const options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false };
const formattedTime = new Intl.DateTimeFormat('en-US', options).format(new Date()).replace(/[^0-9]/g, '');
console.log(formattedTime);

结果截图:

代码说明:

在上面的代码中,使用了Intl.DateTimeFormat来格式化当前时间,并使用正则表达式将所有非数字字符替换为空字符串,以生成 yyyymmddhhmmss 的字符串。

方法四:使用day.js

day.js是一个轻量级的JavaScript日期库,它提供了许多日期和时间操作方法。

示例代码:

const dayjs = require('dayjs');
const formattedTime = dayjs().format('YYYYMMDDHHmmss');
console.log(formattedTime);

结果截图:

无,笔者使用时没有运行成功

代码说明:

在上面的代码中,使用了day.js库的format函数将当前时间格式化为 yyyymmddhhmmss 的字符串。

方法五:使用toLocaleString

在JavaScript中,可以使用 toLocaleString 函数来获取本地化的日期和时间。

示例代码:

const now = new Date();
const formattedTime = now.toLocaleString('en-US', {year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit'}).replace(/[^\d]/g, '');
console.log(formattedTime);

结果截图:

代码说明:

在上面的代码中,使用了 toLocaleString 函数获取本地化的日期和时间,并使用正则表达式将所有非数字字符替换为空字符串,以生成 yyyymmddhhmmss 的字符串。

方法六:使用String.prototype.padStart

在JavaScript中,我们可以使用 padStart 函数来将数字字符串填充到指定的长度。

示例代码:

const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const formattedTime = year + month + day + hours + minutes + seconds;
console.log(formattedTime);

结果截图:

代码说明:

在上面的代码中,使用 padStart 函数将所有数字字符串填充到两位,并将它们连接到一个字符串中,以生成 yyyymmddhhmmss 的字符串。

到此这篇关于JS获取当前日期 YYYY-MM-DD hh-mm-ss的文章就介绍到这了,更多相关js获取当前日期内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript+html实现前端页面滑动验证(2)

    JavaScript+html实现前端页面滑动验证(2)

    这篇文章主要为大家详细介绍了JavaScript+html实现前端页面滑动验证的第二种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • js 实现数值的千分位及保存小数方法(推荐)

    js 实现数值的千分位及保存小数方法(推荐)

    下面小编就为大家带来一篇js 实现数值的千分位及保存小数方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript实现的鼠标响应颜色渐变效果完整实例

    JavaScript实现的鼠标响应颜色渐变效果完整实例

    这篇文章主要介绍了JavaScript实现的鼠标响应颜色渐变效果,涉及javascript面向对象及事件监听、响应机制相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • js表数据排序 sort table data

    js表数据排序 sort table data

    对于表格的排序,是很不错的一个功能,方便用户快速的分析一些数据。
    2009-02-02
  • 利用three.js画一个3D立体的正方体示例代码

    利用three.js画一个3D立体的正方体示例代码

    Three.js是一个3DJavaScript库,基于右手坐标系,可以创建简单或是比较复杂的三维图形并应用丰富多彩的纹理和材质,可以添加五光十色的光源,可以在3D场景中移动物体或是添加脚本动画等等。本文介绍了利用three.js如何画一个3D立体的正方体的方法,需要的可以参考下。
    2017-11-11
  • JS数组求和的常用方法总结【5种方法】

    JS数组求和的常用方法总结【5种方法】

    这篇文章主要介绍了JS数组求和的常用方法,结合实例形式总结分析了5种数组求和的常见操作方法与相关处理技巧,需要的朋友可以参考下
    2019-01-01
  • JS实现网页导航条特效

    JS实现网页导航条特效

    这篇文章主要为大家详细介绍了JS实现网页导航条特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript实现汉字转换为拼音的库文件示例

    JavaScript实现汉字转换为拼音的库文件示例

    这篇文章主要介绍了JavaScript实现汉字转换为拼音的库文件,结合具体实例分析了JSPinyin库文件与简单使用技巧,需要的朋友可以参考下
    2016-12-12
  • JS实现微博发布功能

    JS实现微博发布功能

    这篇文章主要为大家详细介绍了JS实现微博发布功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript对象解构的用法实例解析

    JavaScript对象解构的用法实例解析

    解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量,下面这篇文章主要给大家介绍了关于JavaScript对象解构用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-01-01

最新评论