JavaScript uygulamalarınız için tarih ve saat işleme yükünü Luxon kitaplığının taşımasına izin verin.

JavaScript'i dinamik web uygulamaları ve masaüstü dahil diğer ortamlarda çalışan uygulamalar oluşturmak için kullanabilirsiniz. Zamanlayıcılar ve sohbet uygulamalarından etkinlik rezervasyon uygulamalarına kadar pek çok uygulamanın tarih ve saatleri işlemesi gerekir.

Luxon, yerel JavaScript'e üstün bir alternatif sunar Tarih tarih ve saat işlemlerini işlemek için daha kullanıcı dostu, güvenilir yöntemlerle.

Luxon Kurulumu

Tercih ettiğiniz yönteme bağlı olarak Luxon'u JavaScript uygulamanıza birkaç şekilde ekleyebilirsiniz. En yaygın iki yöntem kullanmaktır npm kitaplığı yüklemek veya kitaplığı uygulamanıza dahil etmek için bir CDN bağlantısı kullanmak.

Luxon'u bir Node.js projesine kurmak için terminalinizde aşağıdaki npm komutunu çalıştırın:

npm kurulum -- luxon'u kaydet

Luxon gerektirerek JavaScript dosyanızdaki kitaplığı kullanın:

sabit { TarihSaat } = gerekmek("lüks");

Bu kod kullanır nesne yıkımı

instagram viewer
ithal etmek TarihSaat Luxon kitaplığından sınıf ve yeni bir değişken oluşturun TarihSaat o sınıfa atıfta bulunur.

Bu, tarih ve saat örnekleri oluşturmanıza ve görüntüleme için tarihleri ​​biçimlendirme gibi işlemler gerçekleştirmenize olanak tanır.

Alternatif olarak, Luxon'u uygulamanıza dahil edebilirsiniz. CDN bağlantısı. Bunu yapmak için, HTML dosyanıza aşağıdaki işaretlemeyi ekleyin:

<senaryokaynak=" https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js">senaryo>

Bu yaklaşımı kullanarak komut dosyalarını çalıştırabilirsiniz. Luxon HTML'nizin gövdesinde.

Luxon'un Özellikleri

Luxon, JavaScript uygulamalarında tarih ve saatleri işlemek için onu değerli bir paket haline getiren birçok özellik sunar.

Kapsamlı Tarih ve Saat Manipülasyonu

Luxon, tarih ve saatleri oluşturmak, değiştirmek ve almak için çeşitli yöntemler sunar. Luxon, süreleri toplama veya çıkarma, belirli tarih/saat bileşenlerini ayarlama ve göreli zaman hesaplamaları yapma gibi görevleri basitleştirir.

Biçimlendirme ve Yerelleştirme

Luxon'un biçimlendirme seçenekleri, tarih ve saatleri birçok biçimde görüntülemenizi sağlar. Luxon, farklı biçim kalıplarını destekler ve tarih ve saatleri diğer dillere göre ayarlamanıza olanak tanır.

Saat Dilimi Desteği

Luxon ile farklı saat dilimlerindeki tarih ve saatlerle verimli bir şekilde çalışabilirsiniz. Luxon, zaman dilimlerini ayarlamak ve değiştirmek için yöntemler sağlar.

Değişmez Tasarım

Luxon değişmez bir tasarım modelini izleyerek, TarihSaat nesneler değişmez. Bu tasarım yaklaşımı, tarihler ve saatlerle çalışırken öngörülebilir ve tutarlı davranış sağlar.

Kapsamlı API Dokümantasyonu

Luxon'un API dokümantasyonu çok ayrıntılıdır ve mevcut yöntemleri, seçenekleri ve işlevleri keşfetmeyi ve anlamayı kolaylaştırır.

Luxon'daki DateTime Sınıfı

bu TarihSaat Luxon'daki sınıf, belirli bir tarih ve saati temsil eder. Çeşitli görevleri gerçekleştirmenize izin veren hem sınıf hem de örnek yöntemleri sunar. Bu görevler, tarih ve saatleri oluşturma, ayrıştırma, alma, değiştirme ve biçimlendirmeyi içerir.

Luxon'da Date Time sınıfının yeni bir örneğini oluşturmanın farklı yollarından bazıları şunlardır:

  • bu DateTime.local() yöntem:
    sabit dt = DateTime.local(2023, 5, 21, 1, 22, 37, 845);
    Bu kod, şunu kullanarak yeni bir DateTime örneği oluşturur. DateTime.local() yöntem. Yöntem, oluşturmak istediğiniz tarih ve saatin yıl, ay, gün, saat, dakika, saniye ve milisaniye değerlerini temsil eden yedi bağımsız değişken alır.
  • bu DateTime.fromJSDate() yöntem:
    sabit şimdi = yeniTarih();
    sabit dt = DateTime.fromJSDate (şimdi);
    Kod yeni bir oluşturur yerel JavaScript Tarihi örneğe aktarır ve DateTime.fromJSDate() yöntem. Bu yöntem, aynı tarih ve saati temsil eden bir DateTime nesnesi döndürür.
  • bu DateTime.fromObject() yöntem:
    sabit dt = DateTime.fromObject({
     yıl: 2023,
     ay: 1,
     gün: 1,
     saat: 0,
     dakika:0,
     ikinci: 0,
     milisaniye: 0
    });
    Bu kod bloğu, kullanılarak yeni bir DateTime örneğinin nasıl oluşturulacağını gösterir. DateTime.fromObject() yöntem. Yöntem, oluşturmak istediğiniz tarih ve saatin yıl, ay, gün, saat, dakika, saniye ve milisaniye değerlerini temsil eden özelliklere sahip bir nesne alır.
  • Kullanmak DateTime.now() yöntem:
    sabit dt = DateTime.now();
    Bu kod bloğu, kullanılarak yeni bir Tarih Saat örneğinin nasıl oluşturulacağını gösterir. DateTime.now() yöntem. Yöntem, yerel saat dilimindeki geçerli tarih ve saati temsil eden yeni bir DateTime örneği döndürür.

DateTime Nesnelerini Dizelere Biçimlendirme

Luxon biçimlendirmeyi basitleştirir TarihSaat nesneleri belirli tarih ve saatleri temsil eden dizelere dönüştürür. Tarihleri ​​ve saatleri çeşitli yöntemlerle biçimlendirmek için Luxon'u kullanabilirsiniz.

ISO 8601

ISO 8601 formatı, standartlaştırılmış tarih ve saat gösterimi için yaygın olarak kullanılır. biçimlendirmek için TarihSaat nesnesini bir ISO 8601 dizesi olarak kullanın, toISO() yöntem:

sabit şimdi = DateTime.local();
konsol.log (şimdi.toISO()); // 2023-05-21T15:20:07.936+01:00

İnsan Tarafından Okunabilir Formatlar

Luxon, yerel diller için özelleştirebileceğiniz, insanlar tarafından okunabilen biçimleri destekler. biçimlendirebilirsiniz TarihSaat insan tarafından okunabilir bir dizeye nesne toLocaleString() yöntem:

sabit şimdi = DateTime.local();
konsol.log (şimdi.toLocaleString()); // 5/21/2023

Belirteç Tabanlı Biçimlendirme

Belirteç tabanlı biçimlendirme, belirteç adı verilen yer tutucuları kullanarak tarih ve saati özel dizeler halinde biçimlendirmenizi sağlar. biçimlendirmek için TarihSaat belirteçleri kullanarak nesne, kullanın biçimlendirmek() yöntem:

sabit şimdi = DateTime.local();
konsol.log (şimdi.toFormat("yyyy-AA-gg SS: dd: ss")); //2023-05-21 15:16:57

Yukarıdaki örnekte, biçim dizesi yyyy-AA-gg SS: dd: ss istenen çıktı biçimini temsil eder. Jetonlar yyyy, AA, dd, HH, mm, Ve ss yıl, ay, gün, saat, dakika ve saniyeye karşılık gelir. TarihSaat sırasıyla nesne.

Luxon, kapsamlı bir belirteç seti sağlayarak çok çeşitli tarih ve saat gösterimleri gerçekleştirmenize olanak tanır.

Luxon'da Tarihleri ​​ve Saatleri Ayrıştırma ve Doğrulama

Luxon, tarih ve saatleri ayrıştırmak ve doğrulamak için sağlam yöntemler sağlar. Bu özellikler, kullanıcı girişini doğrulamak veya tarih ve saatlerin dize temsillerini dönüştürmek gibi görevler için kullanışlıdır. TarihSaat nesneler.

fromFormat() Yöntemi

bu fromFormat() yöntemi, bir tarih ve saatin dize gösterimini ayrıştırmanıza olanak tanır ve bunu bir TarihSaat nesne. Giriş dizgisi ve giriş formatını belirten bir format dizgisi olmak üzere iki bağımsız değişken alır.

Örneğin:

DateTime.fromFormat("25 Mayıs 2023", "LLLL gg yyyy")

Tarihleri ​​ve Saatleri isValid Yöntemiyle Doğrulama

bu geçerli yöntem, bir TarihSaat nesne geçerli bir tarih ve saati temsil eder. geri döner doğru nesne geçerliyse ve YANLIŞ aksi takdirde.

Şöyle:

sabit geçersizTarih = DateTime.fromObject({ yıl: 2022, ay: 2, gün: 29 });
konsol.log (geçersizTarih.isGeçerli); // YANLIŞ
sabit validDate = DateTime.fromObject({ yıl: 2022, ay: 2, gün: 28 });
konsol.log (validDate.isValid); // doğru

Örnekte, ilk TarihSaat 29 Şubat 2022 geçerli olmadığı için nesne geçersiz bir tarihi temsil ediyor. İkinci TarihSaat nesne, geçerli bir 28 Şubat 2022 tarihini temsil eder.

Luxon'daki ayrıştırma ve doğrulama özellikleri, tarih ve saatleri doğru bir şekilde işlemenize, girdileri doğrulamanıza ve tarih ve saat verilerinin güvenilir temsillerini sağlamanıza yardımcı olur.

Luxon'a alternatifler

Luxon ile tarih ve saat örneklerini nasıl oluşturacağınızı, biçimlendireceğinizi ve doğrulayacağınızı öğrendiniz. Bu ipuçları, tarih ve saat işleme gerektiren web uygulamaları oluştururken size yardımcı olacaktır.

Day.js ve Date.fns dahil olmak üzere web uygulamalarınızda tarih ve saat işlemeyi gerçekleştirmek için diğer JavaScript paketlerini de kullanabilirsiniz. Bu paketlerin avantajları ve dezavantajları vardır ve tercihinizi özel ihtiyaçlarınıza göre yapmalısınız.