Wajah menggunakan format tanggal sederhana dalam javascript

Berdasarkan kelas Java SimpleDateFormat (https. //dokumen. peramal. com/javase/7/docs/api/java/text/SimpleDateFormat. html)

Ringkasan

Dengan dukungan luas untuk API Internasionalisasi, perpustakaan ini tidak lagi diperlukan dalam banyak kasus

Sementara objek Tanggal JavaScript menyediakan pengembang dengan metode untuk bekerja dengan potongan individual dari tanggal tertentu, yang hilang adalah metode asli untuk memformat tanggal sebagai string mengikuti pola yang ditentukan. Di Java, SimpleDateFormat menyediakan hal itu. Proyek ini merupakan upaya untuk mem-porting fungsionalitas tersebut ke JavaScript dalam upaya untuk membuatnya lebih mudah menampilkan tanggal dalam format yang dapat dibaca manusia

Membuat instanceDateFormat sederhana

Berikut ini menunjukkan konstruktor simpleDateFormat dalam bentuknya yang paling dasar

var mySimpleDateFormatter = new simpleDateFormat();

Konstruktor menerima dua argumen opsional

• pola

  Pola yang akan digunakan untuk tanggal yang dikembalikan. Subset huruf pola berikut dari SimpleDateFormat didukung

  y-Tahun
  M - Bulan dalam tahun
  d - Hari dalam sebulan
  E - Hari dalam seminggu
  penanda a - am/pm
  k(+nn. -nn) - Jam dalam sehari (1 - 24)
  h(+nn. -nn) - Jam pada pagi/siang (1 - 12)
  m - Menit dalam jam

  Huruf pola h dan k dapat diikuti dengan tanda plus (+) atau minus (-) dan bilangan bulat antara 1 dan 23 untuk menyesuaikan jamnya. Ini berguna, misalnya, saat bekerja dengan objek Tanggal di zona waktu yang berbeda

  Seperti di Java, string dapat dikutip menggunakan tanda kutip tunggal untuk menghindari interpretasi, dan. g. "MMMM d, yyyy, 'at' h. mm ke". "''" mewakili kutipan tunggal atau apostrof, dan. g. "MMMM d, yyyy, 'di' h 'jam'"

  Jika tidak ada pola yang diberikan, defaultnya adalah "M/d/yy" untuk lokal en_US dan es_US, atau "d/M/yy" untuk en_CA, fr_CA, en_GB, dan en_AU

• lokal

  Lokal untuk tanggal yang dikembalikan, terdiri dari kode bahasa ISO-639 dan kode negara ISO-3166. Nama bulan dan hari akan dikembalikan ke lokal yang disediakan. Misalnya, jika lokalnya adalah es_US, "d 'de' MMMM 'de' yyyy" akan mengembalikan tanggal seperti "6 Juli 2012". Jika lokal adalah fr_CA, "'le' d MMMM yyyy k'h'mm" akan mengembalikan tanggal seperti "le 6 juillet 2012 13h00"

  Nilai yang didukung saat ini adalah "en_US", "es_US", "en_CA", "fr_CA", "en_GB", dan "en_AU". Standarnya adalah "en_US"

Metode applyPattern

Metode applyPattern digunakan untuk memperbarui pola yang telah ditentukan sebelumnya

________satu_______

Metode menerima satu argumen opsional

• updatedPattern

Pola yang diperbarui untuk diterapkan

Metode format

Metode format digunakan untuk memformat tanggal tertentu berdasarkan pola yang ditentukan. String yang diformat yang dihasilkan dikembalikan

var mySimpleDateFormatter = new simpleDateFormat('MMMM d, yyyy');

var myDate = new Date('2012', '07', '10');

document.getElementById('myDateContainer').innerHTML = mySimpleDateFormatter.format(myDate);

Metode menerima satu argumen opsional

• unformattedDate

Tanggal yang akan diformat. Ini bisa berupa objek Tanggal, atau string ISO-8601. Jika tidak ada tanggal yang diberikan, objek Tanggal baru dibuat pada saat metode dipanggil

Contoh

Format tanggal hari ini seperti "Selasa, 10 Juli 2012"

var mySimpleDateFormatter = new simpleDateFormat('EEEE, MMMM d, yyyy');

document.getElementById('myDateContainer').innerHTML = 'Today is ' + mySimpleDateFormatter.format();

Gunakan pola yang mengandung apostrof

var mySimpleDateFormatter = new simpleDateFormat('h \'o\'\'clock\'');

document.getElementById('myDateContainer').innerHTML = 'The time is ' + mySimpleDateFormatter.format();

Gunakan metode applyPattern untuk memformat tanggal kedua menggunakan singkatan nama hari dan bulan, seperti "Selasa. 10 Juli 2012"