Pada tutorial Konsep Koding di kelas ReactJS saya akan berbagi tutorial mengenai bagaimana Formatting tanggal (date) dan waktu (time). Ketika kamu membuat sebuah Real Web App pastinya kamu tidak akan luput dengan yang namanya tanggal dan waktu, contoh real case nya last login, last logout, history transaksi, tanggal penulisan artikel dan lain sebagainya.  

React Formatting Tanggal Waktu



Apa Yang Akan Kita Pelajari?

1. Membuat Project React Baru

2. Berbagai contoh formatting date & time ReactJS

3. Kesimpulan

Membuat Project React Baru

Hal pertama yang harus kamu lakukan untuk bisa mengikuti tutorial ini adalah dengan membuat project React baru, silahkan buka terminal/cmd kamu dan ketikan perintah di bawah ini bila kamu belum memiliki project React baru :

npx create-react-app date-time

Setelah itu tunggu proses pembuatan project React sampai selesai, setelah itu silahkan jalankan perintah di bawah ini untuk test, apakah project bisa di jalankan.

npm start

Berbagai contoh formatting date & time ReactJS

Di sini kita akan menggunakan momentjs untuk formatting date & time pada React App kita, silahkan buka terminal di root project kamu dan silahkan install library momentjs.

npm i moment

Tunggu proses instalasi library sampai selesai.

Setelah itu silahkan ubah file App.js menjadi seperti kode di bawah ini:

Kemudian jalankan di browser jika berhasi maka berikut contoh formatting date & time di ReactJS


Kesimpulan

Ketika kita membuat sebuah Real World Application, maka kita pasti akan bersentuhan dengan yang namanya date and time jadi anda harus menguasai formatting tanggal dan waktu supaya bisa menyajikan data dari database secara baik kepada para pengguna aplikasi yang dibuat. 

Baca Juga Tutorial ReactJS lainnya :