MomentJS - Plugin

Plugin adalah fitur tambahan yang ditambahkan di MomentJS. MomentJS adalah proyek open source dan banyak plugin ditemukan di MomentJS yang dikontribusikan oleh penggunanya dan tersedia menggunakan Node.js dan GitHub.

Bab ini membahas beberapa plugin kalender dan plugin format tanggal yang tersedia di MomentJS.

Plugin Kalender

Bagian ini membahas dua jenis plugin Kalender: ISO calendar and Taiwan calendar.

Kalender ISO

Anda dapat menggunakan perintah berikut untuk menginstalnya dengan Node.js -

npm install moment-isocalendar

Anda bisa mendapatkan moment-isocalendar.js dari GitHub - https://github.com/fusionbox/moment-isocalendar Perhatikan contoh kerja berikut dengan isocalendar dan MomentJS -

Example

var m = moment().isocalendar();

Output

Example

var m = moment.fromIsocalendar([2018, 51, 10, 670]).format('LLLL');

Output

Kalender Taiwan

Anda dapat menggunakan perintah berikut untuk menginstalnya dengan Node.js -

npm install moment-jalaali

Anda bisa mendapatkan moment-taiwan.js dari GitHub - https://github.com/bradwoo8621/moment-taiwan Perhatikan contoh kerja berikut dengan isocalendar dan MomentJS -

Example

var m = moment('190/01/01', 'tYY/MM/DD');
var c = m.twYear();

Output

Plugin format tanggal

Bagian ini membahas jenis plugin format Tanggal berikut -

  • Pengurai format tanggal Java
  • Formatter tanggal pendek
  • Format tanggal parse
  • Format durasi
  • Rentang Tanggal
  • Rentang Tepat

Java DateFormat Parser

Anda dapat menggunakan perintah berikut untuk menginstalnya dengan Node.js -

Anda bisa mendapatkan moment-jdateformatparser.js dari GitHub - https://github.com/MadMG/moment-jdateformatparser Perhatikan contoh kerja berikut untuk moment-jdateformatparser dan MomentJS -

Example

var m = moment().formatWithJDF("dd.MM.yyyy");

Output

Formatter tanggal pendek

File JavaScript untuk format tanggal pendek dapat diambil dari GitHub -

https://github.com/researchgate/moment-shortformat

Syntax

moment().short();

Tampilannya seperti yang ditunjukkan pada tabel di sini -

Dari saat Dari momen (). Short ()
0 hingga 59 detik 0 hingga 59 dtk
1 hingga 59 menit 1 sampai 59 m
1 sampai 23 jam 1h sampai 23h
1 sampai 6 hari 1d sampai 6d
> = 7 hari dan tahun yang sama Tampilan akan seperti 3 Februari, 6 Maret
> = 7 hari dan tahun berbeda Tampilannya akan seperti 3 feb 2018, 6 maret 2018

Anda dapat mengambil skrip untuk momentshort dari tautan GitHub yang diberikan di atas.

Example

var a = moment().subtract(8, 'hours').short();
var b = moment().add(1, 'hour').short(true);

Output

Jika Anda ingin menghapus sufiks ago atau in, Anda bisa lulus true to short (tru.

Format tanggal parse

Anda dapat menggunakan perintah berikut untuk menginstalnya dengan Node.js -

npm install moment-parseformat

Example

var a = moment.parseFormat('Friday 2018 27 april 10:28:10');

Output

Perhatikan bahwa output menunjukkan bahwa parameter apa pun (tanggal / waktu) diberikan ke parseFormat, ini memberikan format tanggal seperti yang ditunjukkan di atas.

Format Durasi

Anda dapat menggunakan perintah berikut untuk menginstal format durasi di Node.js -

Repositori untuk format durasi tersedia di sini - https://github.com/jsmreese/moment-duration-format Mari kita lihat contoh kerja dengan format durasi -

Example

var a = moment.duration(969, "minutes").format("h:mm:ss");

Output

Ini menambahkan lebih banyak detail ke durasi saat dibuat.

Rentang Tanggal

Anda dapat menggunakan perintah berikut untuk menginstal rentang tanggal di Node.js -

npm install moment-range

Example

window['moment-range'].extendMoment(moment);
var start = new Date(2012, 0, 15);
var end = new Date(2012, 4, 23);
var range = moment.range(start, end);
console.log(range.start._d);
console.log(range.end._d);

Output

Rentang Tepat

Rentang tepat akan menampilkan perbedaan tanggal yang tepat pada tanggal, waktu, dan dalam format yang dapat dibaca manusia. Anda dapat menggunakan perintah berikut untuk menginstal kisaran yang tepat di Node.js -

npm install moment-precise-range-plugin

Example

var a = moment("1998-01-01 09:00:00").preciseDiff("2011-03-04 18:05:06");

Output