Bagaimana untuk mendapatkan pemformatan masa dengan jquery

jQuery ialah perpustakaan JavaScript popular yang digunakan secara meluas untuk meningkatkan interaktiviti dan prestasi dinamik aplikasi web. Pemformatan masa adalah salah satu ciri yang kerap digunakan semasa membuat aplikasi web. Artikel ini akan mengajar anda cara untuk memformat masa menggunakan jQuery.

1. Dapatkan masa semasa

Dalam jQuery, gunakan new Date() untuk mendapatkan tarikh dan masa semasa. Contohnya, untuk mendapatkan tarikh dan masa semasa, anda boleh menggunakan kod berikut:

var now = new Date();

2. Memformat masa

Untuk memformat masa ke dalam format tertentu, anda boleh gunakan fungsi getDate(), getMonth(), getFullYear(), getHours(), getMinutes() dan getSeconds(). Fungsi ini akan mengembalikan pelbagai bahagian objek tarikh dan masa. Contohnya, untuk memformat masa sebagai rentetan "yyyy-MM-dd HH:mm:ss", anda boleh menggunakan kod berikut:

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();

Dalam kod di atas, getFullYear(), getMonth() digunakan dan fungsi getDate() mendapat nilai tahun, bulan dan hari. Memandangkan dalam JavaScript, bulan bermula dari 0, anda perlu menambah 1 apabila mendapat bulan tersebut. Nilai jam, minit dan saat diperoleh menggunakan fungsi getHours(), getMinutes() dan getSeconds(). Gunakan operator ternary （？:） dalam kod untuk memastikan bahawa nilai masa ialah nilai dua digit, seperti 09 dan bukannya 9.

3. Format zon waktu

Jika anda perlu memasukkan zon waktu dalam format masa, anda boleh menggunakan fungsi getTimezoneOffset() untuk mendapatkan perbezaan antara waktu semasa dan UTC (Coordinated Universal Time) perbezaan minit antara. Untuk menukar perbezaan minit kepada perbezaan jam, gunakan formula berikut:

var timezoneOffset = now.getTimezoneOffset() / 60;

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

Dalam kod di atas, mula-mula gunakan fungsi getTimezoneOffset() untuk mendapatkan perbezaan minit antara masa dan UTC. Kemudian, gunakan operator ternary （？:） untuk memastikan bahawa nilai masa ialah nombor dua digit. Akhir sekali, gunakan operator penggabungan rentetan (+) untuk menambah zon waktu mengimbangi format masa.

4. Contoh kod penuh

Berikut ialah contoh kod lengkap yang menukar masa kepada bentuk "yyyy-MM-dd HH:mm:ss ±hh:mm" keluaran. Antaranya, ± mewakili zon waktu offset.

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);

Dalam contoh ini, gunakan fungsi console.log() untuk mengeluarkan masa yang diformatkan.

Ringkasan

Artikel ini memperkenalkan cara menggunakan jQuery untuk mendapatkan masa yang diformatkan. Anda boleh menggunakan fungsi new Date() untuk mendapatkan masa semasa dan fungsi getDate(), getMonth(), getFullYear(), getHours(), getMinutes() dan getSeconds() untuk memformat masa ke dalam format yang diingini. Jika anda perlu menambah maklumat zon waktu, anda perlu menggunakan fungsi getTimezoneOffset(). Semoga artikel ini dapat membantu anda menguruskan masa anda dengan lebih mudah apabila menggunakan jQuery untuk mencipta aplikasi web.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan pemformatan masa dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!