Hallo para pembaca yang haus ilmu, yup kali ini admin partheon ingin share tentang ilmu javascript. Bagi yang belum tahu apa itu javascript dapat baca di link bawah ini:
Pada segmen pembelajaran kali ini, admin ingin membahas mengenai cara merubah format tgl dari format YYYY-mm-dd (2021-05-28). Masalah ini timbul biasanya bila kita mengambil tanggal dari variable PHP atau tanggal dari database contohnya MYSQL. Hasil output tanggal dari database biasanya berbentuk format tgl YYYY-mm-dd, yaitu format dimana tahun didepan lalu bulan dan tanggal. Hal ini tentunya berlainan dengan cara membaca tanggal orang indonesia (tgl/bulan/tahun). Oke tanpa basa-basi, tanpa chit chat lagi mari kita buat sebuah fungsi untuk merubah format tersebut.
1. Buka editor codingmu, contohnya Notepad++.
2. Buka file html, pada admin karena menggunakan codeigniter maka admin akan membuka file pada folder application/view/belajar.php. Untuk para pembaca yang belum mengetahui apa itu codeigniter dapat membaca pada link dibawah:
3. Tulis script berikut di tag head file htmlmu:
<html lang="en">
<head>
<title></title>
<script>
function rubahtgl(strtgl,indHour)
{
var arrTgl=strtgl.split("-");
var value="";
if(indHour==0)
{
value=arrTgl[2]+"/"+arrTgl[1]+"/"+arrTgl[0];
}
else if(indHour==1)
{
var pemisahJam=arrTgl[2].split(" ");
value=pemisahJam[0]+"/"+arrTgl[1]+"/"+arrTgl[0]+" "+pemisahJam[1];
}
else if(indHour==2)
{
var pemisahJam=arrTgl[2].split(" ");
value=pemisahJam[0]+"/"+arrTgl[1]+"/"+arrTgl[0];
}
return value;
}
</script>
</head>
<body>
<p id="prubahtgl"></p>
</body>
<script>
document.getElementById("prubahtgl").innerHTML=rubahtgl('2021-05-28',0);
</script>
</html>
Oke, setelah code diatas ditulis berikut adalah penjelasannya.
function rubahtgl(strtgl,indhour) adalah fungsi javascript dengan input parameter string Tanggal (strtgl) dan yang kedua adalah indikator untuk menentukan apakah string tanggal tersebut memiliki jam atau tidak. Pada contoh diatas Strtgl kita input dengan string '2021-05-28' dan parameter kedua adalah 0 alias tidak memakai jam, jika memakai jam kita input dengan nilai 1 (2021-05-28 15:00:00, jika tanggal yang kita masukkan seperti ini).
Untuk tampilan dibrowser, output dipresentasikan dengan tag <p> paragraph dan diberi id="prubahtgl". Lalu kita isi tag paragraph tadi dengan perintah script javascript sebagai berikut:
document.getElementById("prubahtgl").innerHTML=rubahtgl('2021-05-28',0);
yaitu set prubahtgl dengan tanggal yang dirubah formatnya dari 2021-05-28 menjadi 28/05/2021.
Demikian cara merubah format tanggal dari YYYY-mm-dd menjadi dd/mm/YYYY secara javascript, semoga bermanfaat bagi pembaca dan nantikan share ilmu-ilmu lainnya dari kami.
Bagi anda pemilik usaha yang ingin menerapkan sistem komputer untuk kontrol stok, rekap laporan otomatis, laba-rugi otomatis, sistem kasir,dan barcode qrcode. Dapat mencoba aplikasi partheon stok.. GRATIS 100%. Installnya mudah cukup KLIK/TAP link gambar dibawah ini: