fungsi penukaran format masa jquery

Dalam reka bentuk dan pembangunan web, masa biasanya merupakan isu yang tidak dapat dielakkan. Tetapi kita mungkin memerlukan format masa yang berbeza dalam senario yang berbeza. Sebagai contoh, terdapat medan masa dalam pangkalan data format storannya ialah 25-07-2019 15:30:22 Apabila dipaparkan pada halaman hujung hadapan, ia mungkin akan diformatkan sebagai "15:00 pada 25 Julai. , 2019." 30 minit dan 22 saat", atau beberapa format masa tersuai. Pada masa ini, kita perlu menggunakan beberapa alatan untuk melengkapkan penukaran format masa, dan jquery ialah perpustakaan javascript yang sangat berkuasa yang disertakan dengan banyak fungsi alat yang berguna, termasuk fungsi penukaran format masa.

Sekarang saya akan memperkenalkan cara menggunakan fungsi penukaran format masa jquery untuk membantu anda menyelesaikan masalah penukaran format masa dengan cepat.

1. Perkenalkan perpustakaan jquery

Mula-mula kita perlu memperkenalkan perpustakaan jquery ke dalam halaman kami. Anda boleh menggunakan dua kaedah berikut:

(1) Gunakan pautan CDN

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

(2) Muat turun terus dan sebut harga

boleh didapati di [laman web rasmi jquery] ( https:// Muat turun versi pustaka jquery yang sepadan daripada jquery.com/), dan kemudian memperkenalkannya ke dalam halaman:

<script src="jquery-3.4.1.min.js"></script>

2 Fungsi penukaran format masa

jquery disertakan dengan a format masa yang sangat ringkas dan mudah digunakan Fungsi penukaran——$.formatDate().

Takrifan fungsi ini adalah seperti berikut:

$.formatDate(date, format)

Antaranya, tarikh mewakili masa yang perlu ditukar, yang boleh menjadi cap waktu atau rentetan dalam format tarikh; masa yang perlu ditukar kepada format masa Sasaran.

Pada masa ini, fungsi $.formatDate() menyokong format berikut:

格式	描述
yyyy-MM-dd	年月日
HH:mm:ss	时分秒
yyyy-MM-dd HH:mm:ss	年月日时分秒
yyyy年M月d日 H点m分s秒	自定义的格式

Kita boleh memilih format masa yang sepadan mengikut keperluan sebenar. Berikut ialah beberapa contoh penggunaan biasa:

(1) Tukar format cap masa kepada format tahun, bulan, hari

var timestamp = 1564096602000;
var date = new Date(timestamp);
var formatDate = $.formatDate(date, "yyyy-MM-dd");
console.log(formatDate); // 2019-07-26

(2) Tukar rentetan format tarikh kepada format tersuai

var dateString = "2019-07-26 18:50:22";
var date = new Date(dateString);
var formatDate = $.formatDate(date, "yyyy年M月d日 H点m分s秒");
console.log(formatDate); // 2019年7月26日 18点50分22秒

3. Ringkasan

Melalui pengenalan di atas, kita dapat melihat bahawa fungsi penukaran format masa jquery adalah sangat mudah dan mudah digunakan, dan boleh memenuhi kebanyakan keperluan penukaran format masa. Sudah tentu, jika pemprosesan masa yang lebih kompleks diperlukan, kami juga boleh menggunakan perpustakaan JavaScript lain atau fungsi tersuai untuk mencapainya. Tetapi dalam kebanyakan kes, fungsi $.formatDate() yang disertakan dengan jquery adalah mencukupi.

Akhir sekali, saya ingin mengingatkan semua orang bahawa dalam pembangunan sebenar, penukaran format masa mungkin dipengaruhi oleh zon waktu, jadi ia perlu dikendalikan dengan berhati-hati untuk mengelakkan ralat.

Atas ialah kandungan terperinci fungsi penukaran format masa jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!