Pengumuman: dokumentasi ini sebagian besar sudah diselesaikan, selamat menggunakan.

Mulai cepat dengan pustaka memories, atur waktu anda menjadi seperti dibawah ini:

Waktu lalu
- Paket: Memories
- Rilis:
Lihat panduan
Kadaluarsa
- Produk: Sari roti
- Kadaluarsa:
Lihat panduan
Jadwal
- Ujian: Matematika
- Status:
Lihat panduan
Hitung mundur
- Promo: Xiaomi MI 10T
- Sampai:
Lihat panduan

Sekilas tentang memories

Memories adalah sebuah library javascript yang digunakan untuk mengubah format waktu menjadi sebuah momen seperti waktu lalu, kemudian menentukan expired dari sebuah produk, membuat jadwal dan membuat hitungan mundur.

Baca selengkapnya...

Pembaruan terakhir

Memories v1.1.82

Memperbaiki beberapa kesalahan, dan memberikan dukungan untuk digunakan dibrowser, jika anda tahu jquery sekarang anda dapat memanggilnya dengan Memories.
Memories v1.1.81

Menambahkan dukungan untuk format waktu yang diambil dari database atau sebuah formulir yang berisi tanggal dan waktu.
Memories v1.1.8

Menambahkan fitur hitung waktu mundur.
Memories v1.1.7

Menambahkan fitur jadwal waktu dan dukungan locale untuk id-ID dan en-US.
Memories v1.1.6

Menambahkan fitur untuk menentukan tanggal expired pada sebuah produk.
Memories v1.1.5

Menulis ulang kode dan menambahkan lebih banyak fitur.

Media terkait

Github Issue

Jika anda menemukan error atau kesalahan dalam menggunakan fitur dari memories silahkan tinggalkan pesan anda disini.

Telegram diskusi

Anda dapat bergabung dalam group telegram untuk berdiskusi tentang fitur dari memories.

Instalasi

Panduan instalasi pustaka memories

Menggunakan CDN

<script src="https://cdn.jsdelivr.net/npm/@wadahkode/memories@1.1.82/build/memories.min.js"></script>

Tidak ada konfigurasi jika anda menggunakan CDN, cukup buat element baru seperti dibawah ini:

<time datetime="12/7/2020, 16:11:00" prefix="birthday|expired|schedule|countdown"></time>

Datetime attributes:

1. datetime
Isi dengan tanggal, rekomendasi gunakan format seperti ini:
```
datetime="12/7/2020, 16:11:00"
```
Penjelasan:
- - Angka 12 adalah bulan
- - Angka 7 adalah hari
- - Angka 2020 adalah tahun
- - Angka 16 adalah jam
- - Angka 11 adalah menit
- - Angka 00 adalah detik
2. prefix
Isi dengan birthday atau expired atau schedule atau countdown, contoh:
```
prefix="birthday"
```
Modifikasi dengan konfigurasi

Secara otomatis pustaka memories akan mengembalikan sebuah object baru {ref: f}, yang dapat anda gunakan di browser untuk melakukan konfigurasi secara manual dari mulai mengatur bahasa, menentukan tanggal, menentukan zona waktu dan lain-lain.

Untuk lebih lanjut lihat contoh dibawah ini:
```
<script>
  const ref = Memories.ref();
  ref.set('datetime', '1/1/1970');
  // Cetak umur
  console.log(ref.timeAgo('birthday'))
</script>
```

Menggunakan NPM

Pustaka memories telah tersedia di NPM, untuk mengunduhnya anda dapat menggunakan perintah dibawah ini:

npm install @wadahkode/memories --save-dev

Cara menggunakan pada lingkungan nodejs

const memories = require('@wadahkode/memories')
const moment = new memories();
// atur tanggal
moment.set('datetime', '1/1/1970');
// cetak umur
console.log(moment.timeAgo('birthday'))

Tentang memories

Memories adalah sebuah library javascript yang digunakan untuk mengubah format waktu menjadi sebuah momen seperti waktu lalu, kemudian menentukan expired dari sebuah produk, membuat jadwal dan membuat hitungan mundur.

Sejarah memories

Berawal dari ketidaktahuan saya terhadap sebuah library javascript yaitu momentjs, saya membuat sendiri penghandle waktu untuk ditampilkan menjadi baru saja, beberapa detik yang lalu, berapa menit yang lalu, berapa jam yang lalu, berapa hari yang lalu, minggu, bulan dan tahun.

Awalnya memories hanya mendukung untuk memformat seperti diatas, tetapi ketika ada seseorang yang bertanya pada sebuah group telegram, akhirnya saya mengembangkan untuk mendukung lebih banyak format waktu. dan berikut beberapa dukungan yang saat ini tersedia:

1. Timeago (Format waktu yang berlalu)
2. Expired (Menentukan kadaluarsa dari sebuah produk)
3. Schedule (Membuat sebuah jadwal waktu)
4. Countdown (Menghitung waktu mundur)
5. Birthday (Format waktu untuk umur)

Visi

- Terus berkembang

Misi

- Menjadi alternatif bagi yang mencari penanganan waktu berbahasa indonesia.

Pembuat

Nama saya Ayus Irfang Filaras dari kota Tegal, Jawa Tengah. Pendidikan saya hanya sampai Sekolah Menengah Pertama, mengenal dunia teknologi sejak menjadi operator warnet, koding sudah menjadi hobi yang saya sukai.

Terus berkarya walaupun tak bernilai

Timeago (Waktu lalu)

Untuk mengubah format waktu timestamp menjadi waktu yang sudah berlalu, hal yang pertama adalah kalian sudah membaca terlebih dahulu Cara install, disana sudah dijelaskan instalasi via CDN maupun NPM, jadi mari kita koding:

Menggunakan CDN

Jika kalian menggunakan CDN kalian tidak perlu repot-repot mengatur ini dan mengatur itu, cukup buat sebuah element baru seperti dibawah ini:

Contoh 1

<time datetime="1/1/1970, 00:00:00"></time>

Hasil:

Contoh 2

<time datetime="1970-1-1 00:00:00"></time>

Hasil:

Contoh 3

<time datetime="1-1-1970 00:00:00"></time>

Hasil:

Contoh 4

<time datetime="1970 1 1 00:00:00"></time>

Hasil:

Contoh 5

<time datetime="Jun 09 2018 15:28:14" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 6

<time datetime="Dec 2, 2017 2:39:58 AM" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 7

<time datetime="2017 Mar 03 05:12:41.211 PDT" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 8

<time datetime="2017 Mar 10 01:44:20.392" lang="en-US" format="id-ID"></time>

Hasil:

Menggunakan NPM

Menggunakan pustaka memories di lingkungan nodejs memang lebih fleksibel, karena kita dapat mengatur apa saja yang diperlukan, oke mari koding:

const memories = require('@wadahkode/memories');
const moment = new memories();

moment.set('datetime', '1/1/1970, 00:00:00');
moment.set('language', 'id-ID');
moment.set('locale', {timeZone: 'Asia/Jakarta', hour12: false});

/* waktu lalu tanpa parameter */
moment.timeAgo();
/* waktu lalu dengan kustom keluaran */
moment.timeAgo('timeAgo', {
y: 'tahun yang lalu',
m: 'bulan yang lalu',
d: 'hari yang lalu',
h: 'jam yang lalu',
i: 'menit yang lalu',
s: 'detik yang lalu',
n: 'baru saja'
});

Expired (Kadaluarsa)

Untuk mengubah format waktu timestamp menjadi waktu yang menentukan kapan sebuah produk kadaluarsa, hal yang pertama adalah kalian sudah membaca terlebih dahulu Cara install, disana sudah dijelaskan instalasi via CDN maupun NPM, jadi mari kita koding:

Menggunakan CDN

Jika kalian menggunakan CDN kalian tidak perlu repot-repot mengatur ini dan mengatur itu, cukup buat sebuah element baru seperti dibawah ini:

Contoh 1

<time datetime="3/1/2021, 00:00:00" prefix="expired"></time>

Hasil:

Contoh 2

<time datetime="1970-1-1 00:00:00" prefix="expired"></time>

Hasil:

Contoh 3

<time datetime="1-1-1970 00:00:00" prefix="expired"></time>

Hasil:

Contoh 4

<time datetime="1970 1 1 00:00:00" prefix="expired"></time>

Hasil:

Contoh 5

<time datetime="Jun 09 2021 15:28:14" prefix="expired" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 6

<time datetime="Dec 2, 2017 2:39:58 AM" prefix="expired" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 7

<time datetime="2017 Mar 03 05:12:41.211 PDT" prefix="expired" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 8

<time datetime="2017 Mar 10 01:44:20.392" prefix="expired" lang="en-US" format="id-ID"></time>

Hasil:

Menggunakan NPM

Menggunakan pustaka memories di lingkungan nodejs memang lebih fleksibel, karena kita dapat mengatur apa saja yang diperlukan, oke mari koding:

const memories = require('@wadahkode/memories');
const moment = new memories();

moment.set('datetime', '3/1/2021, 00:00:00');
moment.set('language', 'id-ID');
moment.set('locale', {timeZone: 'Asia/Jakarta', hour12: false});

/* mencetak status kadaluarsa dari sebuah produk */
moment.expired('year|month|day|hour|minute|second');

Schedule (Jadwal)

Untuk mengubah format waktu timestamp dan membuat sebuah jadwal waktu, hal yang pertama adalah kalian sudah membaca terlebih dahulu Cara install, disana sudah dijelaskan instalasi via CDN maupun NPM, jadi mari kita koding:

Menggunakan CDN

Jika kalian menggunakan CDN kalian tidak perlu repot-repot mengatur ini dan mengatur itu, cukup buat sebuah element baru seperti dibawah ini:

Contoh 1

<time datetime="3/1/2021, 07:00:00" prefix="schedule"></time>

Hasil:

Contoh 2

<time datetime="1970-1-1 07:00:00" prefix="schedule"></time>

Hasil:

Contoh 3

<time datetime="1-1-1970 00:00:00" prefix="schedule"></time>

Hasil:

Contoh 4

<time datetime="1970 1 1 00:00:00" prefix="schedule"></time>

Hasil:

Contoh 5

<time datetime="Jun 09 2021 15:28:14" prefix="schedule" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 6

<time datetime="Dec 2, 2017 2:39:58 AM" prefix="schedule" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 7

<time datetime="2017 Mar 03 05:12:41.211 PDT" prefix="schedule" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 8

<time datetime="2017 Mar 10 01:44:20.392" prefix="schedule" lang="en-US" format="id-ID"></time>

Hasil:

Menggunakan NPM

Menggunakan pustaka memories di lingkungan nodejs memang lebih fleksibel, karena kita dapat mengatur apa saja yang diperlukan, oke mari koding:

const memories = require('@wadahkode/memories');
const moment = new memories();

moment.set('datetime', '3/1/2021, 00:00:00');
moment.set('language', 'id-ID');
moment.set('locale', {timeZone: 'Asia/Jakarta', hour12: false});

/* mencetak status jadwal waktu yang ditentukan */
moment.schedule('year|month|day|hour|minute|second');

Countdown (Hitung waktu mundur)

Untuk mengubah format waktu timestamp dan menghitung waktu mundur, hal yang pertama adalah kalian sudah membaca terlebih dahulu Cara install, disana sudah dijelaskan instalasi via CDN maupun NPM, jadi mari kita koding:

Menggunakan CDN

Jika kalian menggunakan CDN kalian tidak perlu repot-repot mengatur ini dan mengatur itu, cukup buat sebuah element baru seperti dibawah ini:

Contoh 1

<time datetime="3/1/2021, 07:00:00" prefix="countdown></time>

Hasil:

Contoh 2

<time datetime="1970-1-1 07:00:00" prefix="countdown"></time>

Hasil:

Contoh 3

<time datetime="1-1-1970 00:00:00" prefix="countdown;</time>

Hasil:

Contoh 4

<time datetime="1970 1 1 00:00:00" prefix="countdown"></time>

Hasil:

Contoh 5

<time datetime="Jun 09 2021 15:28:14" prefix="countdown" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 6

<time datetime="Dec 2, 2017 2:39:58 AM" prefix="countdown" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 7

<time datetime="2017 Mar 03 05:12:41.211 PDT" prefix="countdown" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 8

<time datetime="2017 Mar 10 01:44:20.392" prefix="countdown" lang="en-US" format="id-ID"></time>

Hasil:

Menggunakan NPM

Menggunakan pustaka memories di lingkungan nodejs memang lebih fleksibel, karena kita dapat mengatur apa saja yang diperlukan, oke mari koding:

const memories = require('@wadahkode/memories');
const moment = new memories();

moment.set('datetime', '3/1/2021, 00:00:00');
moment.set('language', 'id-ID');
moment.set('locale', {timeZone: 'Asia/Jakarta', hour12: false});

/* membuat hitungan waktu mundur */
moment.countdown();

Birthday (Cetak umur)

Untuk mengubah format waktu timestamp menjadi waktu yang sudah berlalu sebagai umur, hal yang pertama adalah kalian sudah membaca terlebih dahulu Cara install, disana sudah dijelaskan instalasi via CDN maupun NPM, jadi mari kita koding:

Menggunakan CDN

Jika kalian menggunakan CDN kalian tidak perlu repot-repot mengatur ini dan mengatur itu, cukup buat sebuah element baru seperti dibawah ini:

Contoh 1

<time datetime="1/1/1970, 00:00:00" prefix="birthday"></time>

Hasil:

Contoh 2

<time datetime="1970-1-1 00:00:00" prefix="birthday"></time>

Hasil:

Contoh 3

<time datetime="1-1-1970 00:00:00" prefix="birthday"></time>

Hasil:

Contoh 4

<time datetime="1970 1 1 00:00:00" prefix="birthday"></time>

Hasil:

Contoh 5

<time datetime="Jun 09 2018 15:28:14" prefix="birthday" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 6

<time datetime="Dec 2, 2017 2:39:58 AM" prefix="birthday" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 7

<time datetime="2017 Mar 03 05:12:41.211 PDT" prefix="birthday" lang="en-US" format="id-ID"></time>

Hasil:

Contoh 8

<time datetime="2017 Mar 10 01:44:20.392" prefix="birthday" lang="en-US" format="id-ID"></time>

Hasil:

Menggunakan NPM

Menggunakan pustaka memories di lingkungan nodejs memang lebih fleksibel, karena kita dapat mengatur apa saja yang diperlukan, oke mari koding:

const memories = require('@wadahkode/memories');
const moment = new memories();

moment.set('datetime', '1/1/1970, 00:00:00');
moment.set('language', 'id-ID');
moment.set('locale', {timeZone: 'Asia/Jakarta', hour12: false});

/* mencetak umur */
moment.timeAgo('birthday');