javascript寫的日期怎麼輸出

王林
發布: 2023-05-17 15:07:08
原創
1494 人瀏覽過

JavaScript是一門常用的腳本語言,廣泛應用於網站開發、行動應用程式和桌面應用程式等方面。在JavaScript中,日期是一種常見的資料類型,可以用來儲存和操作日期和時間。本文將介紹如何使用JavaScript輸出日期。

一、取得目前日期

取得目前日期可以使用JavaScript的Date物件。 Date物件有一個無參建構函數,會傳回目前日期和時間。以下是一個簡單的範例:

var today = new Date();
console.log(today);
登入後複製

執行上述程式碼後,會在控制台輸出目前日期和時間,格式如下:

Thu Jan 28 2021 11:26:24 GMT+0800 (中国标准时间)
登入後複製

上面的輸出格式可能不是我們想要的,我們可以使用Date物件的方法來格式化日期的輸出。以下是一些常用的方法:

1、getFullYear():取得年份。

var year = today.getFullYear();
console.log(year);
登入後複製

2、getMonth():取得月份(0表示一月,11表示十二月)。

var month = today.getMonth() + 1;
console.log(month);
登入後複製

3、getDate():取得日期(1-31)。

var date = today.getDate();
console.log(date);
登入後複製

4、getDay():取得星期幾(0表示星期日,6表示星期六)。

var day = today.getDay();
console.log(day);
登入後複製

5、getHours():取得小時數(0-23)。

var hours = today.getHours();
console.log(hours);
登入後複製

6、getMinutes():取得分鐘數(0-59)。

var minutes = today.getMinutes();
console.log(minutes);
登入後複製

7、getSeconds():取得秒數(0-59)。

var seconds = today.getSeconds();
console.log(seconds);
登入後複製

二、格式化日期輸出

上述方法可以取得到不同的日期和時間部分,我們可以將它們拼接起來以實現自訂的日期格式。以下是一個範例:

var year = today.getFullYear();
var month = today.getMonth() + 1;
var date = today.getDate();
var hours = today.getHours();
var minutes = today.getMinutes();
var seconds = today.getSeconds();

var formattedDate = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + seconds;
console.log(formattedDate);
登入後複製

執行上述程式碼後,會在控制台輸出如下格式的日期:

2021-1-28 11:32:47
登入後複製

如果你想要顯示更精確的時間,可以使用以下方法:

8、getMilliseconds():取得毫秒數(0-999)。

var milliseconds = today.getMilliseconds();
console.log(milliseconds);
登入後複製

使用上述方法後,可以拼接出更精確的日期時間輸出。

三、自訂日期

除了取得目前日期,我們還可以根據給定的年、月、日等參數,建立自訂的日期物件。以下是一個例子:

var customDate = new Date(2021, 0, 1, 12, 0, 0, 0);
console.log(customDate);
登入後複製

上述程式碼建立了一個自訂的日期對象,表示2021年1月1日12點整。注意,月份從0開始計數,所以0表示一月。

使用上述方法可以在JavaScript中輸出日期。有了日期物件以及日期格式化方法,我們可以靈活地處理和顯示日期,從而滿足不同的需求。

以上是javascript寫的日期怎麼輸出的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!