Bu yazı, JavaScript'te tarih saatini 12 saat am/pm biçiminde görüntüleme yöntemlerini açıklayacaktır.
JavaScript'te DateTime 12 Saat AM/PM Formatında Nasıl Görüntülenir?
Tarih saatini JavaScript'te 12 saat am/pm biçiminde görüntülemek için aşağıdaki yaklaşımlar uygulanabilir:
- “ toLocaleString() ' Yöntem.
- “ toLocaleTimeString() ' Yöntem.
- “ Çizgide ' İşlev.
Yaklaşım 1: toLocaleString() Yöntemini Kullanarak DateTime'ı JavaScript'te 12 Saat AM/PM Biçiminde Görüntüleyin
“ toLocaleString() ” yöntemi, dize biçiminde bir tarih nesnesi döndürür. Bu yöntem, geçerli saati ABD dil biçiminde döndürmek için uygulanabilir.
Sözdizimi
Tarih . toLocaleString ( yerel , seçenekler )
Verilen söz diziminde,
- “ yerel ”, belirli dil biçimini ifade eder.
- “ seçenekler ”, özelliklerin atanabileceği nesneyi gösterir.
Örnek
İlk olarak, “ kullanarak yeni bir tarih nesnesi oluşturun. yeni tarih() ” yapıcı:
Şimdi, “ toLocaleString() ' yöntemine sahip olan ' BİZ ” dil formatı ve parametre olarak zamanın atanan değerleri. Burada, ' saat12 ”, saatin 12 saat biçiminde görüntüleneceğini belirtir. Bu, geçerli saatin ABD saat biçiminde görüntülenmesine neden olur:
konsol. kayıt ( zaman. toLocaleString ( 'ABD'de' , { saat : 'sayısal' , dakika : 'sayısal' , saat12 : doğru } ) ) ;
Çıktı
Yaklaşım 2: toLocaleTimeString() Yöntemini Kullanarak DateTime'ı JavaScript'te 12 Saat AM/PM Biçiminde Görüntüleyin
“ toLocaleTimeString() ” yöntemi, bir tarih nesnesinin zaman aralığını bir dize olarak döndürür. Bu yöntem, belirtilen tarihe karşı varsayılan zamanı döndürerek toLocaleString() yöntemine benzer şekilde uygulanabilir.
Örnek
Aşağıdaki örnekte, benzer şekilde, “ kullanarak yeni bir tarih nesnesi oluşturun. yeni tarih() ” oluşturucu ve aşağıdaki tarihi “ dizisindeki parametresi olarak belirtin yıl ”, “ ay ' ve ' gün ' sırasıyla.
Bundan sonra, “ toLocaleTimeString() ” önceki yöntemde tartışıldığı gibi parametresi olarak belirtilen zaman biçimine sahip yöntem:
sabit tarihSaat = yeni Tarih ( 2022 , 1 , 1 ) . toLocaleTimeString ( 'ABD'de' , {saat : 'sayısal' , dakika : 'sayısal' , saat12 : doğru
} )
Son olarak, belirtilen tarihe göre varsayılan saatle sonuçlanan ilgili saati görüntüleyin:
konsol. kayıt ( tarihSaat ) ;Çıktı
Yaklaşım 3: Satır İçi İşlevi Kullanarak JavaScript'te DateTime'ı 12 Saat AM/PM Formatında Görüntüleyin
Bu yaklaşım, am/pm biçimine koşullu bir işleç uygulamak için uygulanabilir.
Aşağıda verilen örnek, belirtilen kavramı göstermektedir.
Örnek
sabit tarihSaat = ( tarih ) => {izin saatleri = tarih. saat al ( ) ;
dakika bırak = tarih. getMinutes ( ) ;
izin ver = saat >= 12 ? 'öğleden sonra' : 'ben' ;
saat = saat % 12 ;
saat = saat ? saat : 12 ;
dakika = dakika. toString ( ) . yolBaşlangıcı ( iki , '0' ) ;
bırak gitZaman = saat + ':' + dakika + '' + ap ;
dönüş birleştirme zamanı ;
}
konsol. kayıt ( tarihSaat ( yeni Tarih ( 2022 , 1 , 1 ) ) ) ;
Yukarıda gösterilen kodda:
- İlk olarak, bir “ tanımlayın Çizgide 'adlı işlev' tarihSaat() ”. Bu işlev, parametresi olarak bir tarih nesnesi alacaktır.
- “ getHours() ” yöntemi bir sonraki adımda fonksiyonda 24 saat formatında o anki saati döndürecektir.
- Benzer şekilde, “ getMinutes() ” yöntemi mevcut dakikaları alacaktır.
- Bundan sonra, “adında bir değişken oluşturun. ap ” ve saat değerine göre am veya pm olarak ayarlayın.
- Bir sonraki adımda, saatleri “ biçimine dönüştürün. 12 saat '' yardımıyla % 12 ile bölümünden kalanı veren operatör.
- Sonraki kodda, “ toString() hesaplanan dakikaları bir dizeye dönüştürmek için ' yöntemini kullanın ve ' yol Başlat() ” Dönüştürülen dizeyi yalnızca bir basamaksa 0 ile doldurma yöntemi.
- Son olarak, sırasıyla hesaplanan saatleri, dakikaları ve formatı (am/pm) ekleyerek hesaplanan zamanı birleştirin ve görüntüleyin:
Çıktı
JavaScript'te tarih saatini 12 saat am/pm biçiminde görüntülemek için kullanılabilecek yaklaşımları sonuçlandırdık.
Çözüm
“ toLocaleString() ” yöntemi, “ toLocaleTimeString() ” yöntemi veya “ Çizgide ” işlevi, tarih saatini JavaScript'te 12 saat am/pm biçiminde görüntülemek için uygulanabilir. İlk yöntem, geçerli saati belirli bir saat biçiminde görüntülemek için seçilebilir, toLocaleTimeString() yöntemi, belirli bir saat biçiminde belirtilen tarihe göre varsayılan saati döndürmek için uygulanabilir ve Inline işlevi uygulamak için uygulanabilir am/pm biçimine bir koşullu işleç. Bu yazı, tarih saatini JavaScript'te 12 saat am/pm biçiminde görüntüleme yaklaşımlarını derledi.