Vue.NewDate()函數詳解

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()函數的理解和使用能力又進一步提高。