当我们在开发Web应用时,获取当前日期时间是非常常见的需求,因此掌握如何在JavaScript中获取当前日期时间是必须的。在这里我将分享几种获取当前日期时间及其它操作的方法和代码实现。
1. 获取当前时间
JavaScript中获取当前时间的方式有很多种,其中比较常见且易于理解的方法是使用Date对象的构造函数。我们可以通过新建一个Date对象并不传递任何参数,或者将当前时间的时间戳传递给构造函数来获取当前时间。
1.1 不传递参数获取当前时间
let currentDate = new Date();
console.log(currentDate); // Mon Jul 12 2021 16:25:45 GMT+0800 (中国标准时间)
在上面的代码中,我们新建了一个Date对象并将其赋值给currentDate变量,没有传递任何参数,因此返回的对象代表了当前时间。
1.2 传递时间戳获取当前时间
let timestamp = Date.now();
console.log(new Date(timestamp)); // Mon Jul 12 2021 16:25:45 GMT+0800 (中国标准时间)
在上面的代码中,我们使用Date.now()方法获取当前时间的时间戳并将其赋值给timestamp变量,然后将该时间戳作为参数传递给Date对象构造函数,返回其对应的时间对象。
2. 获取当前时间的年、月、日、时、分、秒
JavaScript中获取当前日期时间的年、月、日、时、分、秒,也可以使用Date对象的实例方法,如getFullYear()、getMonth()、getDate()、getHours()、getMinutes()和getSeconds()。
let currentDate = new Date();
console.log(currentDate.getFullYear()); // 2021
console.log(currentDate.getMonth()); // 6
console.log(currentDate.getDate()); // 12
console.log(currentDate.getHours()); // 16
console.log(currentDate.getMinutes()); // 31
console.log(currentDate.getSeconds()); // 48
在上面的代码中,我们获取了当前时间的年、月、日、时、分、秒,并分别打印出来。
3. 将日期时间格式化为指定格式
我们通常需要以指定的格式呈现日期时间,例如:"2021-07-12 16:25:45"这样的格式。JavaScript提供了灵活的日期时间格式化方式,也可以使用第三方库moment.js来更方便地进行格式化。
3.1 原生JavaScript实现日期时间格式化
let currentDate = new Date();
let year = currentDate.getFullYear();
let month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
let date = currentDate.getDate().toString().padStart(2, '0');
let hours = currentDate.getHours().toString().padStart(2, '0');
let minutes = currentDate.getMinutes().toString().padStart(2, '0');
let seconds = currentDate.getSeconds().toString().padStart(2, '0');
let formattedTime = `${year}-${month}-${date} ${hours}:${minutes}:${seconds}`;
console.log(formattedTime); // 2021-07-12 16:25:45
在上面的代码中,我们先获取了当前时间,并获取其年、月、日、时、分、秒等信息,将它们以字符串形式格式化为"YYYY-MM-DD HH:mm:ss"的格式。
3.2 使用moment.js实现日期时间格式化
如果你不想手动构建日期时间字符串或者需要更多的格式化选项,可以使用moment.js库。moment.js提供了简单易用且强大的API来处理日期时间,包括格式化、解析、校验、操作等。
const formattedTime = moment().format('YYYY-MM-DD HH:mm:ss');
console.log(formattedTime); // 2021-07-12 16:25:45
在上面的代码中,我们通过moment()函数创建了一个moment对象,然后使用format()函数指定了输出的时间格式。这里我们使用了moment.js中的语法,比如YYYY表示四位数的年份,MM表示月份,DD表示日期,HH表示小时,mm表示分钟,ss表示秒等。
总结
JavaScript提供了多种获取当前日期时间的方式和API,我们可以选择适合自己的方法按照需求灵活使用。无论使用哪种方法,都需要了解JavaScript中Date对象的基本用法,以及如何将它们组合起来实现不同的操作和需求。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Js 获取当前日期时间及其它操作实现代码 - Python技术站