Farih.co.id
Home Programming Tangani Operasi Tanggal dan Waktu Dengan Luxon, Pustaka Tanggal JavaScript Modern

Tangani Operasi Tanggal dan Waktu Dengan Luxon, Pustaka Tanggal JavaScript Modern

laptop with javascript code on the screen

Anda dapat menggunakan JavaScript untuk membuat aplikasi web dinamis dan aplikasi yang berjalan di lingkungan lain, termasuk desktop. Banyak aplikasi perlu menangani tanggal dan waktu, mulai dari penjadwal dan aplikasi obrolan hingga aplikasi pemesanan acara.


Luxon menawarkan alternatif unggul untuk JavaScript asli Tanggal objek, dengan cara yang lebih ramah pengguna dan andal untuk menangani operasi tanggal dan waktu.


Menginstal Luxon

Anda dapat menambahkan Luxon ke aplikasi JavaScript dengan beberapa cara, bergantung pada metode pilihan Anda. Dua metode yang paling umum digunakan npm untuk menginstal pustaka atau menggunakan tautan CDN untuk menyertakan pustaka dalam aplikasi Anda.

Untuk menginstal Luxon di proyek Node.js, jalankan perintah npm berikut di terminal Anda:

 npm install --save luxon

Gunakan perpustakaan di file JavaScript Anda dengan meminta luxon:

 const { DateTime } = require("luxon");

Kode ini menggunakan penghancuran objek untuk mengimpor file Tanggal Waktu kelas dari perpustakaan Luxon dan buat variabel baru Tanggal Waktu mereferensikan kelas itu.

Ini memungkinkan Anda membuat instance tanggal dan waktu dan melakukan operasi seperti memformat tanggal untuk ditampilkan.

Sebagai alternatif, Anda dapat memasukkan Luxon ke dalam aplikasi Anda menggunakan tautan CDN. Untuk melakukannya, tambahkan markup berikut ke file HTML Anda:

 <script src="https://cdn.jsdelivr.net/npm/luxon@3.2.1/build/global/luxon.min.js"></script>

Dengan menggunakan pendekatan ini, Anda dapat menjalankan skrip menggunakan Luxon di badan HTML Anda.

Fitur Luxon

Luxon menyediakan banyak fitur, menjadikannya paket berharga untuk menangani tanggal dan waktu dalam aplikasi JavaScript.

Manipulasi Tanggal dan Waktu yang Komprehensif

Luxon menawarkan berbagai metode untuk membuat, memanipulasi, dan mengambil tanggal dan waktu. Luxon menyederhanakan tugas seperti menambah atau mengurangi durasi, mengatur komponen tanggal/waktu tertentu, dan melakukan perhitungan waktu relatif.

Pemformatan dan Pelokalan

Opsi pemformatan Luxon memungkinkan Anda menampilkan tanggal dan waktu dalam banyak format. Luxon mendukung pola format yang berbeda dan memungkinkan Anda mengatur tanggal dan waktu menurut bahasa lain.

Dukungan Zona Waktu

Dengan Luxon, Anda dapat bekerja secara efisien dengan tanggal dan waktu di zona waktu yang berbeda. Luxon menyediakan metode untuk mengatur dan mengonversi antar zona waktu.

Desain Abadi

Luxon mengikuti pola desain yang tidak dapat diubah, memastikan hal itu Tanggal Waktu objek tidak berubah. Pendekatan desain ini memberikan perilaku yang dapat diprediksi dan konsisten saat bekerja dengan tanggal dan waktu.

Dokumentasi API yang Luas

Dokumentasi API Luxon sangat detail, membuatnya mudah untuk menjelajahi dan memahami metode, opsi, dan fungsionalitas yang tersedia.

Kelas DateTime di Luxon

Itu Tanggal Waktu kelas di Luxon mewakili tanggal dan waktu tertentu. Ini menawarkan metode kelas dan instan yang memungkinkan Anda melakukan berbagai tugas. Tugas-tugas ini termasuk membuat, mem-parsing, mengambil, memodifikasi, dan memformat tanggal dan waktu.

Berikut adalah beberapa cara berbeda untuk membuat instance baru dari kelas Date Time di Luxon:

  • Itu DateTime.local() metode:
     const dt = DateTime.local(2023, 5, 21, 1, 22, 37, 845);

    Kode ini membuat instance DateTime baru menggunakan DateTime.local() metode. Metode ini membutuhkan tujuh argumen yang mewakili nilai tahun, bulan, hari, jam, menit, detik, dan milidetik dari tanggal dan waktu yang ingin Anda buat.

  • Itu DateTime.fromJSDate() metode:
     const now = new Date();
    const dt = DateTime.fromJSDate(now);

    Kode membuat instance Tanggal JavaScript asli baru dan meneruskannya ke DateTime.fromJSDate() metode. Metode itu mengembalikan objek DateTime yang mewakili tanggal dan waktu yang sama.

  • Itu DateTime.fromObject() metode:
     const dt = DateTime.fromObject({
        year: 2023,
        month: 1,
        day: 1,
        hour: 0,
        minute:0,
        second: 0,
        millisecond: 0
    });

    Blok kode ini menunjukkan cara membuat instance DateTime baru menggunakan DateTime.fromObject() metode. Metode mengambil objek dengan properti yang mewakili nilai tahun, bulan, hari, jam, menit, detik, dan milidetik dari tanggal dan waktu yang ingin Anda buat.

  • Menggunakan TanggalWaktu.sekarang() metode:
     const dt = DateTime.now();

    Blok kode ini menunjukkan cara membuat instance Date Time baru menggunakan TanggalWaktu.sekarang() metode. Metode mengembalikan instance DateTime baru yang mewakili tanggal dan waktu saat ini di zona waktu lokal.

Memformat Objek DateTime ke String

Luxon menyederhanakan pemformatan Tanggal Waktu objek menjadi string yang mewakili tanggal dan waktu tertentu. Anda dapat menggunakan Luxon untuk memformat tanggal dan waktu dengan berbagai metode.

ISO 8601

Format ISO 8601 banyak digunakan untuk representasi tanggal dan waktu standar. Untuk memformat a Tanggal Waktu objek sebagai string ISO 8601, gunakan keISO() metode:

 const now = DateTime.local();
console.log(now.toISO());

Format yang Dapat Dibaca Manusia

Luxon mendukung format yang dapat dibaca manusia yang dapat Anda sesuaikan untuk bahasa lokal. Anda dapat memformat a Tanggal Waktu objek ke string yang dapat dibaca manusia dengan keLocaleString() metode:

 const now = DateTime.local();
console.log(now.toLocaleString());

Pemformatan Berbasis Token

Pemformatan berbasis token memungkinkan Anda memformat tanggal dan waktu menjadi string khusus menggunakan placeholder yang disebut token. Untuk memformat a Tanggal Waktu objek menggunakan token, gunakan toFormat() metode:

 const now = DateTime.local();
console.log(now.toFormat("yyyy-MM-dd HH:mm:ss"));

Pada contoh di atas, format string yyyy-MM-dd HH:mm:ss mewakili format output yang diinginkan. Token yyyy, MM, DD, HH, mmDan ss sesuai dengan tahun, bulan, hari, jam, menit, dan detik dari Tanggal Waktu objek, masing-masing.

Luxon memungkinkan Anda untuk melakukan berbagai representasi tanggal dan waktu dengan menyediakan seperangkat token yang ekstensif.

Mengurai dan Memvalidasi Tanggal dan Waktu di Luxon

Luxon menyediakan metode yang kuat untuk mem-parsing dan memvalidasi tanggal dan waktu. Fitur-fitur ini berguna untuk tugas-tugas seperti memvalidasi masukan pengguna atau mengonversi representasi string dari tanggal dan waktu menjadi Tanggal Waktu objek.

Metode fromFormat()

Itu fromFormat() metode memungkinkan Anda untuk mengurai representasi string dari tanggal dan waktu, dan mengubahnya menjadi a Tanggal Waktu obyek. Dibutuhkan dua argumen, string input dan string format yang menentukan format input.

Misalnya:

 DateTime.fromFormat("May 25 2023", "LLLL dd yyyy")

Memvalidasi Tanggal dan Waktu Dengan Metode isValid

Itu adalah benar metode memeriksa apakah a Tanggal Waktu objek mewakili tanggal dan waktu yang valid. Itu kembali BENAR jika objeknya valid dan PALSU jika tidak.

Seperti itu:

 const invalidDate = DateTime.fromObject({ year: 2022, month: 2, day: 29 });
console.log(invalidDate.isValid);

const validDate = DateTime.fromObject({ year: 2022, month: 2, day: 28 });
console.log(validDate.isValid);

Dalam contoh, yang pertama Tanggal Waktu objek mewakili tanggal yang tidak valid karena 29 Februari 2022 tidak valid. Kedua Tanggal Waktu objek mewakili tanggal yang valid 28 Februari 2022.

Fitur parsing dan validasi di Luxon membantu Anda menangani tanggal dan waktu secara akurat, memvalidasi input, dan menyediakan representasi data tanggal dan waktu yang andal.

Alternatif untuk Luxon

Anda telah mempelajari cara membuat, memformat, dan memvalidasi instance tanggal dan waktu dengan Luxon. Kiat-kiat ini akan membantu Anda saat membuat aplikasi web yang memerlukan penanganan tanggal dan waktu.

Anda juga dapat menggunakan paket JavaScript lainnya untuk mencapai penanganan tanggal dan waktu di aplikasi web Anda, termasuk Day.js dan Date.fns. Paket-paket ini memiliki kelebihan dan kekurangan, dan Anda harus mendasarkan pilihan Anda pada kebutuhan spesifik Anda.

Comment
Share:

Leave a Reply

Your email address will not be published. Required fields are marked *

Ad