Vue.NewDate()函数详解

小蓝 • 2025-01-01 11:06 • 编程

Vue提供了很多常用的数据处理函数，在其中Vue.newDate()函数是一个非常实用的函数，尤其是在一些需要对时间进行处理的场合，非常方便。下面我们将从多个方面对Vue.newDate()函数进行详细阐述。

一、新建Vue.NewDate()对象

在使用Vue.newDate()函数之前，我们需要先了解如何创建一个Vue.NewDate()对象。

var now = new Vue.NewDate();

通过上面的代码可以看出，我们通过new关键字创建了一个新的Vue.NewDate()实例

在默认情况下，这个对象表示的是当前的时间。下面我们通过代码示例对这一点进行验证：

var now = new Vue.NewDate();
console.log(now);

控制台输出结果如下：

Sat Aug 07 2021 09:43:24 GMT+0800 (中国标准时间)

这里我们可以看到输出的时间就是当前系统的时间

除了当前时间以外，我们还可以通过传递参数的方式来创建指定的时间对象，例如：

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay);

这里我们传入了一个时间字符串，控制台输出结果如下：

Sun Feb 16 1993 00:00:00 GMT+0800 (中国标准时间)

可以看到，输出结果与传递的时间字符串对应。

二、Vue.NewDate()函数的常用属性

Vue.NewDate()函数有很多常用属性，我们接下来会逐一讲解。

2.1getFullYear()

getFullYear()方法返回一个表示年份的四位数。

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay.getFullYear());

输出1993

2.2getMonth()

getMonth()方法返回一个0到11之间的整数，表示当前月份，其中0表示一月，11表示十二月。

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay.getMonth());

输出1

2.3getDate()

getDate()方法返回一个表示月份中的某一天的数字，范围在1到31之间。

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay.getDate());

输出16

2.4getDay()

getDay()方法返回一个表示星期中某一天的数字，其中0表示星期日，1表示星期一，以此类推。

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay.getDay());

输出2，表示星期二

三、Vue.NewDate()函数的常用方法

3.1toDateString()

toDateString()方法以人类可读的形式返回时间中日期部分的字符串表示。

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay.toDateString());

输出：Tue Feb 16 1993

3.2toTimeString()

toTimeString()方法以人类可读的形式返回时间中时间部分的字符串表示。

var now = new Vue.NewDate();
console.log(now.toTimeString());

输出：9:43:24 GMT+0800 (中国标准时间)

3.3toLocaleDateString()

toLocaleDateString()方法返回基于本地时间的日期字符串表示。

var myBirthDay = new Vue.NewDate('1993-02-16');
console.log(myBirthDay.toLocaleDateString());

输出：”1993/2/16″

3.4toLocaleTimeString()

toLocaleTimeString()方法返回基于本地时间的时间字符串表示。

var now = new Vue.NewDate();
console.log(now.toLocaleTimeString());

输出：”上午9:43:24″

3.5valueOf()

valueOf()方法返回一个表示日期的原始值（从1970年1月1日至今的毫秒数）。

var now = new Vue.NewDate();
console.log(now.valueOf());

输出一个长整型数字，表示从1970年1月1日至今的毫秒数。

总结

本文详细讲解了Vue.newDate()函数的用法及其常用属性和方法。通过本文的学习，相信大家对于Vue.newDate()函数的理解和使用能力又进一步提高。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/305183.html