Tutorial React Native Mengubah Bahasa Tanggal(Date). Pada kesempatan ini saya akan berbagi tutorial React Native Bahasa Indonesia, mengenai bagaiman caranya mengubah Tanggal (Date) ke Bahasa Indonesia. Tanggal sangat penting ketika kita membuat Real World Application, pasalnya dengan tanggal kita bisa menghitung waktu dan sebagai data untuk kita dan user.
Namu kita juga perlu membuat tanggal (Date) yang menggunakan Bahasa Indonesia, karena kita di Indonesia. Nah oleh karena itu saya akan sedikit berbagi ilmu, mengenai bagaimana caranya mengubah tanggal ke Bahasa Indonesia, selain itu biasanya tanggal yang kita peroleh dari Server masih dalam bentuk timestamp, UTC atau bentuk DD-MM-YY dan format lainnya. Nah sebgai frontend mobile kita harus mengkonversi Tanggal (Date) tersebut.
2. Instalasi Library Yang Dibutuhkan
3. Memulai Koding
4. Kesimpulan
Tunggu proses sampai selesai.
Buka terminal/ cmd pastikan kamu sudah berada di root direktori project mu :
Tunggu proses instalasi moment, sampai selesai.
Setelah itu jalankan project React Native mu apabila berhasil maka output Aplikasi Project React Native kita akan menjadi seperti gambar di bawah ini :
#33 Tutorial React Native Handle OnSwipe Pada iOS
#34 Tutorial View Aspect Ratio Square React Native
Namu kita juga perlu membuat tanggal (Date) yang menggunakan Bahasa Indonesia, karena kita di Indonesia. Nah oleh karena itu saya akan sedikit berbagi ilmu, mengenai bagaimana caranya mengubah tanggal ke Bahasa Indonesia, selain itu biasanya tanggal yang kita peroleh dari Server masih dalam bentuk timestamp, UTC atau bentuk DD-MM-YY dan format lainnya. Nah sebgai frontend mobile kita harus mengkonversi Tanggal (Date) tersebut.
Apa Yang Akan Kita Pelajari?
1. Membuat Project React Native Baru2. Instalasi Library Yang Dibutuhkan
3. Memulai Koding
4. Kesimpulan
Membuat Project React Native Baru
Pertama agar kamu bisa mengikuti tutorial React Native ii, kamu harus memiliki project React Native terlebih dahulu, apabila kamu belum memiliki Project React Native silahkan buka Terminal/CMD mu dan ketikan perintah di bawah ini :npx react-native init date_convert
Tunggu proses sampai selesai.
Instalasi Library Yang Dibutuhkan
Untuk konversi Date atau Tanggal ke Bahasa Indonesia kita membutuhkan library moment, moment sendiri adalah library yang sangat populer untuk berinteraksi dengan tanggal dan waktu di Bahasa Pemrograman Javascript, selain itu moment juga tersedia di Bahasa Lain seperti Dart dan lainnya.Buka terminal/ cmd pastikan kamu sudah berada di root direktori project mu :
npm i moment
Tunggu proses instalasi moment, sampai selesai.
Memulai Koding
Setelah kamu mengikuti step di atas, sekarang kita masuk intinya untuk mulai koding React Native. Buka file di App.js setelah itu ubah kodingannya menjadi seperti kode di bawah ini :Setelah itu jalankan project React Native mu apabila berhasil maka output Aplikasi Project React Native kita akan menjadi seperti gambar di bawah ini :
Kesimpulan
Tanggal dan waktu adalah hal yang sangat penting dalam pembuatn sebuah aplikasi, karena tanggal dan waktu digunakan untuk menyimpan data penting user seperti : terakhir login, tanggal transaksi, menghitung tanggal bergabung atau join dan case-case penting lainnya. Semoga bermanfaat tutorial Konversi Tanggal dan waktu ke Bahasa Indonesia di React Native. Happy Coding And Keep Learning.
Baca Tutorial React Native Lainnya :
#8 Tutorial React Native Mengubah Warna Pada Placeholder
#9 Tutorial React Native : Advanced Webview Dengan Loader
#9 Tutorial React Native : Advanced Webview Dengan Loader
#24 Tutorial React Native AsyncStorage React Native Lengkap
#25 Tutorial Push Notification Firebase Cloud Messaging React Native V6
#26 Tutorial React Native : Pengenalan React Native Hooks Dan Lifecycle
#27 Tutorial React Native Hooks : Get API Axios
#28 Tutorial React Native : ToastAndroid React Native
#29 Tutorial React Native : Penggunaan Platform Android iOS
#25 Tutorial Push Notification Firebase Cloud Messaging React Native V6
#26 Tutorial React Native : Pengenalan React Native Hooks Dan Lifecycle
#27 Tutorial React Native Hooks : Get API Axios
#28 Tutorial React Native : ToastAndroid React Native
#29 Tutorial React Native : Penggunaan Platform Android iOS
#30 Tutorial React Native : Responsive Design UI Login
#31 Tutorial Upload Gambar React Native Ke Server
#32 Tutorial Kalkulasi Latitude Longitude Dua Jarak React Native#31 Tutorial Upload Gambar React Native Ke Server
#33 Tutorial React Native Handle OnSwipe Pada iOS
#34 Tutorial View Aspect Ratio Square React Native
#35 Tutorial Membuat On Boarding Atau App Intro React Native
#36 Tutorial Testing React Native Dengan Enzyme + Jest
#36 Tutorial Testing React Native Dengan Enzyme + Jest
0 Comments