Tarikh dan Masa JavaScript

Dalam tutorial ini, anda akan belajar mengenai tarikh dan waktu dalam JavaScript dengan bantuan contoh.

Dalam JavaScript, tarikh dan waktu ditunjukkan oleh Dateobjek. The Dateobjek menyediakan maklumat tarikh dan masa dan juga menyediakan pelbagai kaedah.

Tarikh JavaScript menentukan zaman EcmaScript yang mewakili milisaat sejak 1 Januari 1970 UTC . Tarikh dan waktu ini sama dengan zaman UNIX (nilai asas yang dominan untuk nilai tarikh dan waktu yang direkodkan oleh komputer).

Membuat Objek Tarikh

Terdapat empat cara untuk membuat objek tarikh.

  • Tarikh baru ()
  • Tarikh baru (milisaat)
  • Tarikh baru (Rentetan tarikh)
  • Tarikh baru (tahun, bulan, hari, jam, minit, saat, milisaat)

Tarikh baru ()

Anda boleh membuat objek tarikh menggunakan new Date()konstruktor. Sebagai contoh,

 const timeNow = new Date(); console.log(timeNow); // shows current date and time

Pengeluaran

 Isnin 06 Jul 2020 12:03:49 GMT + 0545 (Waktu Nepal)

Di sini, new Date()buat objek tarikh baru dengan tarikh semasa dan waktu tempatan.

Tarikh baru (milisaat)

The Dateobjek mengandungi nombor yang mewakili milisaat sejak 1 Jan 1970 UTC .

new Date(milliseconds)membuat objek tarikh baru dengan menambahkan milisaat ke masa sifar. Sebagai contoh,

 const time1 = new Date(0); // epoch time console.log(time1); // Thu Jan 01 1970 05:30:00 // 100000000000 milliseconds after the epoch time const time2 = new Date(100000000000) console.log(time2); // Sat Mar 03 1973 15:16:40

Catatan : 1000 milisaat sama dengan 1 saat.

Tarikh baru (rentetan tarikh)

new Date(date string) membuat objek tarikh baru dari rentetan tarikh.

Dalam JavaScript, biasanya terdapat tiga format input tarikh.

Format Tarikh ISO

Anda boleh membuat objek tarikh dengan melewati format tarikh ISO. Sebagai contoh,

 // ISO Date(International Standard) const date = new Date("2020-07-01"); // the result date will be according to UTC console.log(date); // Wed Jul 01 2020 05:45:00 GMT+0545

Anda juga boleh lulus hanya tahun dan bulan atau hanya tahun. Sebagai contoh,

 const date = new Date("2020-07"); console.log(date); // Wed Jul 01 2020 05:45:00 GMT+0545 const date1 = new Date("2020"); console.log(date1); // Wed Jul 01 2020 05:45:00 GMT+0545

Anda juga boleh melepasi masa tertentu ke tarikh ISO.

 const date = new Date("2020-07-01T12:00:00Z"); console.log(date); // Wed Jul 01 2020 17:45:00 GMT+0545

Nota : Tarikh dan masa dipisahkan dengan huruf T . Dan masa UTC ditakrifkan dengan modal Z .

Format tarikh pendek dan panjang

Format dua tarikh yang lain adalah format tarikh pendek dan format tarikh panjang .

 // short date format "MM/DD/YYYY" const date = new Date("03/25/2015"); console.log(date); // Wed Mar 25 2015 00:00:00 GMT+0545 // long date format "MMM DD YYYY" const date1 = new Date("Jul 1 2020"); console.log(date1); // Wed Jul 01 2020 00:00:00 GMT+0545 // month and day can be in any order const date2 = new Date("1 Jul 2020"); console.log(date2); // Wed Jul 01 2020 00:00:00 GMT+0545 // month can be full or abbreviated. Also month names are insensitive. // comma are ignored const date3 = new Date("July 1 2020"); console.log(date3); // Wed Jul 01 2020 00:00:00 GMT+0545 const date4 = new Date("JULY, 1, 2020"); console.log(date4); // Wed Jul 01 2020 00:00:00

Tarikh baru (tahun, bulan, hari, jam, minit, saat, milisaat)

new Date(year, month,… )membuat objek tarikh baru dengan melewati tarikh dan masa tertentu. Sebagai contoh,

 const time1 = new Date(2020, 1, 20, 4, 12, 11, 0); console.log(time1); // Thu Feb 20 2020 04:12:11

Argumen yang diluluskan mempunyai susunan tertentu.

Sekiranya empat nombor diluluskan, ia mewakili tahun, bulan, hari dan jam. Sebagai contoh,

 const time1 = new Date(2020, 1, 20, 4); console.log(time1); // Thu Feb 20 2020 04:00:00

Begitu juga, jika dua argumen diluluskan, ia mewakili tahun dan bulan. Sebagai contoh,

 const time1 = new Date(2020, 1); console.log(time1); // Sat Feb 01 2020 00:00:00

Catatan : Sekiranya anda hanya menyampaikan satu argumen, ia dianggap sebagai milisaat. Oleh itu, anda harus lulus dua argumen untuk menggunakan format tarikh ini.

Dalam JavaScript, bulan dikira dari 0 hingga 11 . Januari adalah 0 dan Disember 11 .

Kaedah Tarikh JavaScript

Terdapat pelbagai kaedah yang terdapat pada objek Tarikh JavaScript.

Kaedah Penerangan
sekarang () Mengembalikan nilai angka yang sesuai dengan waktu semasa (jumlah milisaat yang berlalu sejak 1 Januari 1970 00:00:00 UTC)
dapatkanFullYear () Mendapat tahun mengikut waktu tempatan
getMonth () Mendapat bulan, dari 0 hingga 11 mengikut waktu tempatan
getDate () Mendapat hari dalam bulan (1-31) mengikut waktu tempatan
getDay () Mendapat hari dalam seminggu (0-6) mengikut waktu tempatan
getHours () Mendapat jam dari 0 hingga 23 mengikut waktu tempatan
getMinutes Mendapat minit dari 0 hingga 59 mengikut waktu tempatan
getUTCDate () Mendapat hari dalam bulan (1-31) mengikut waktu sejagat
setFullYear () Menetapkan tahun penuh mengikut waktu tempatan
setMonth () Menetapkan bulan mengikut waktu tempatan
setTarikh () Menetapkan hari dalam bulan mengikut waktu tempatan
setUTCDate () Menetapkan hari dalam bulan mengikut masa sejagat

Contoh: Kaedah Tarikh

 const timeInMilliseconds = Date.now(); console.log(timeInMilliseconds); // 1593765214488 const time = new Date; // get day of the month const date = time.getDate(); console.log(date); // 30 // get day of the week const year = time.getFullYear(); console.log(year); // 2020 const utcDate = time.getUTCDate(); console.log(utcDate); // 30 const event = new Date('Feb 19, 2020 23:15:30'); // set the date event.setDate(15); console.log(event.getDate()); // 15 // Only 28 days in February! event.setDate(35); console.log(event.getDate()); // 7

Memformat Tarikh

Tidak seperti bahasa pengaturcaraan lain, JavaScript tidak menyediakan fungsi terbina dalam untuk memformat tarikh.

Walau bagaimanapun, anda boleh mengekstrak bit individu dan menggunakannya seperti ini.

 const currentDate = new Date(); const date = currentDate.getDate(); const month = currentDate.getMonth(); const year = currentDate.getFullYear(); // show in specific format let monthDateYear = (month+1) + '/' + date + '/' + year; console.log(monthDateYear); // 7/3/2020

Catatan : Program di atas memberikan panjang yang tidak konsisten kerana tarikh dan bulan mempunyai satu digit dan dua digit.

Pembetulan Auto dalam Objek Tarikh

Apabila anda menetapkan nilai julat dalam Dateobjek, ia membetulkan dirinya sendiri secara automatik. Sebagai contoh,

 const date = new Date(2008, 0, 33); // Jan does not have 33 days console.log(date);

Pengeluaran

 Sabtu 02 Februari 2008

Untuk mengetahui lebih lanjut mengenai tarikh dan masa dalam JavaScript, kunjungi Menyahtentukan Tarikh dan Waktu.

Artikel menarik...