jquery怎麼取得時間格式化

WBOY原創: 2023-05-08 19:27:072023瀏覽

jQuery是一種流行的JavaScript庫，它被廣泛用於增強Web應用程式的互動性和動態效能。在建立Web應用程式時，時間格式化是經常使用的功能之一。這篇文章將教你如何使用jQuery取得時間格式化。

取得目前時間

在jQuery中，使用new Date()取得目前日期和時間。例如，要取得目前日期和時間，可以使用下列程式碼：

var now = new Date();

格式化時間

要將時間格式化為特定的格式，可以使用getDate()、getMonth()、getFullYear()、getHours()、getMinutes()和getSeconds()函數。這些函數將傳回日期和時間物件的各個部分。例如，要將時間格式化為「yyyy-MM-dd HH:mm:ss」的字串形式，可以使用下列程式碼：

var now = new Date();
var formattedDate = now.getFullYear() + '-' + 
    (now.getMonth() < 9 ? '0' : '') + (now.getMonth() + 1) + '-' + 
    (now.getDate() < 10 ? '0' : '') + now.getDate() + ' ' + 
    (now.getHours() < 10 ? '0' : '') + now.getHours() + ':' + 
    (now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' + 
    (now.getSeconds() < 10 ? '0' : '') + now.getSeconds();

上述程式碼中，使用了getFullYear()、getMonth()和getDate()函數取得了年、月和日的值。由於在JavaScript中，月份從0開始，所以在取得月份時需要加1。使用getHours()、getMinutes()和getSeconds()函數取得了小時、分鐘和秒的值。在程式碼中用三元運算子（？:）來確保時間值為兩位數，如09而不是9。

格式化時區

如果需要將時區也包含在時間格式中，則可以使用getTimezoneOffset()函數取得目前時間與UTC （協調世界時）之間的分鐘差。若要將分鐘差轉換為小時差，請使用以下公式：

var timezoneOffset = now.getTimezoneOffset() / 60;

var timezoneOffsetString = (timezoneOffset >= 0 ? "+" : "-") + 
    (Math.abs(timezoneOffset) < 10 ? '0' : '') + Math.abs(timezoneOffset) + ':00';

上述程式碼中，首先使用getTimezoneOffset()函數取得時間和UTC之間的分鐘差。然後，使用三元運算子（？:）來確保時間值為兩位數。最後，使用字串連接運算子（）將時區偏移量新增至時間格式。

完整程式碼範例

以下是一個完整的程式碼範例，它將時間以「yyyy-MM-dd HH:mm:ss ±hh:mm」的形式輸出。其中，±表示時區偏移。

var now = new Date();
var formattedDate = now.getFullYear() + '-' + 
    (now.getMonth() < 9 ? '0' : '') + (now.getMonth() + 1) + '-' + 
    (now.getDate() < 10 ? '0' : '') + now.getDate() + ' ' + 
    (now.getHours() < 10 ? '0' : '') + now.getHours() + ':' + 
    (now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' + 
    (now.getSeconds() < 10 ? '0' : '') + now.getSeconds() + ' ' + 
    ((now.getTimezoneOffset() / 60) >= 0 ? "+" : "-") +
    ((Math.abs(now.getTimezoneOffset() / 60)) < 10 ? '0' : '') +
    Math.abs(now.getTimezoneOffset() / 60) + ':00';
console.log(formattedDate);

在本範例中，使用console.log()函數輸出格式化後的時間。

總結

本文介紹如何使用jQuery取得格式化的時間。您可以使用new Date()函數取得目前時間，並使用getDate()、getMonth()、getFullYear()、 getHours()、getMinutes()和getSeconds()函數將時間格式化為所需的格式。如果需要新增時區信息，則需要使用getTimezoneOffset()函數。希望本文能夠幫助您在使用jQuery創建Web應用程式時更輕鬆地處理時間。

以上是jquery怎麼取得時間格式化的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript jquery 运算符三元运算符 date 字符串 console 对象

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：nodejs原始碼編譯失敗下一篇：nodejs原始碼編譯失敗

看更多