Bagaimana untuk menukar format tarikh kepada tarikh menggunakan JQuery

Penukaran tarikh adalah keperluan yang sangat biasa dalam pembangunan tapak web. Dalam kebanyakan kes, kita perlu menukar rentetan tarikh kepada format tarikh standard supaya tarikh boleh dibandingkan, dikira dan dipaparkan dengan mudah. Rangka kerja JQuery menyediakan kaedah yang lebih mudah untuk mengendalikan penukaran format tarikh.

Artikel ini akan memperkenalkan cara menggunakan JQuery untuk menukar rentetan tarikh kepada format tarikh standard dan menyediakan beberapa contoh kod untuk menggambarkan operasi tertentu.

1. Import fail perpustakaan JQuery

Sebelum menggunakan JQuery untuk memproses format tarikh, anda perlu memperkenalkan fail perpustakaan JQuery terlebih dahulu. Ia boleh diperkenalkan melalui kod berikut:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. Tukar rentetan tarikh kepada objek tarikh

Dalam rangka kerja JQuery, anda boleh menggunakan fungsi Date() untuk menukar rentetan tarikh ke dalam objek Tarikh. Sintaksnya adalah seperti berikut:

new Date(dateString);

Antaranya, dateString ialah rentetan yang mewakili tarikh, yang boleh mengandungi kandungan berikut:

• Rentetan yang mengandungi tarikh dan masa maklumat, seperti: "2021-06-29 10:30:00"
• Rentetan yang mengandungi maklumat tarikh sahaja, seperti: "2021-06-29"
• Rentetan yang mengandungi sahaja maklumat masa, seperti : "10:30:00"

Berikut ialah contoh kod untuk menukar rentetan tarikh "2021-06-29" kepada objek tarikh:

var dateObj = new Date("2021-06-29");

3. Tukar objek tarikh kepada rentetan dalam format yang ditentukan

Dalam JQuery, anda boleh menggunakan fungsi date.format() untuk memformat objek tarikh menjadi rentetan dalam format yang ditentukan. Sintaksnya adalah seperti berikut:

dateObj.format(formatString);

Antaranya, formatString ialah rentetan yang mewakili format tarikh dan boleh mengandungi ruang letak berikut:

• yyyy: empat- nombor digit Tahun, seperti: "2021"
• yy: Tahun dua digit, seperti: "21"
• MM: Bulan, seperti: "06"
• M: Bulan tanpa pendahuluan sifar, seperti: "6"
• dd: Tarikh dengan sifar pendahuluan, seperti: "29"
• d : Tanpa Tarikh dengan sifar pendahuluan, seperti: "29"
• HH: jam dengan sifar pendahuluan, format 24 jam, seperti: "10"
• H: tanpa sifar pendahuluan Jam, format 24 jam, seperti: "10"
• hh: jam dengan sifar pendahuluan, format 12 jam, seperti: "10"
• h : tiada Jam dengan sifar pendahuluan, format 12 jam, seperti: "10"
• mm: Minit dengan sifar pendahuluan, seperti: "30"
• m: tanpa Minit dengan sifar pendahuluan, seperti: "30"
• ss: Saat dengan sifar pendahuluan, seperti: "00"
• s: Saat tanpa sifar pendahuluan , seperti: "0"
• a: tanda pagi atau petang dalam huruf kecil, seperti: "am" atau "pm"

Berikut ialah contoh kod untuk menukar tarikh Objek dateObj diformatkan sebagai rentetan "2021-06-29":

var dateString = $.format.date(dateObj, "yyyy-MM-dd");

4. Kod contoh lengkap

Berikut ialah kod contoh lengkap, berdasarkan semasa masa Jana hari pertama bulan berikutnya:

$(document).ready(function(){
  var nowDate = new Date(); //当前时间
  var nextMonth = new Date(nowDate.setMonth(nowDate.getMonth()+1)); //下一个月
  nextMonth.setDate(1); //设置为下一个月的第一天
  var firstDate = $.format.date(nextMonth, "yyyy-MM-dd"); //格式化日期为"yyyy-MM-dd"的字符串
  alert(firstDate); //弹出结果
});

Di atas ialah cara menggunakan JQuery untuk menukar rentetan tarikh kepada format tarikh saya harap ia akan membantu anda.

Atas ialah kandungan terperinci Bagaimana untuk menukar format tarikh kepada tarikh menggunakan JQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!