Tutorial javascript cara merubah format tgl

Oleh: adminpartheon - 28-05-2021   -   18:44

Bagikan :

Tutorial javascript cara merubah format tgl dd/mm/YYYY

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:

playstore_install

Artikel terkait

cara membuat function mysql database
cara membuat function mysql database
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
belajar mysql random generator query
belajar mysql random generator query
Belajar membuat website, Framework php+xampp part 1
Belajar membuat website, Framework php+xampp part 1
Belajar membuat website, MVC codeigniter dan halaman pertamamu
Belajar membuat website, MVC codeigniter dan halaman pertamamu
Cara mematikan update windows 10
Cara mematikan update windows 10
Artikel lainnya
cek kabel putus dengan multimeter atau avometer digital visero a830L
Seringkali peralatan elektronik kita tidak berfungsi karena adanya ganggunan dalam komponennya, salah satunya adalah kabel putus. Artikel kali ini akan membahas cara cek kabel putus dengan multimeter digital.
cara membuat function mysql database
selain query kita dapat membuat sebuah fungsi untuk mempermudah operasi database, bagaimana caranya ? yuks kita baca artikel berikut ini.
fungsi resistor beserta cara ukur lewat kode warna resistor dan multimeter
Kali ini kita akan bahas pengertian komponen elektro yaitu resistor beserta cara ukurnya berdasarkan kode warna dan multimeter digital
5 youtuber cerita menarik tuk menemani harimu
Sambil kerja dikomputer mendengarkan cerita-cerita menarik dapat kamu coba untuk mengusir kebosanan dan meningkatkan produktifitasmu, yuk coba dengarkan 5 youtuber Indonesia yang pandai bercerita ini.
Khasiat tanaman pecut kuda
Jarang orang mengetahui tanaman pecut kuda, padahal khasiat dan kegunaannya sangat banyak. berikut adalah kegunaan pecut kuda
5 lagu barat klasik romantis
Kangen sama pasangan? cobain lagu-lagu klasik ini supaya makin kangen dengan pasanganmu. Lagu klasik barat yang memorable dan romantis habis
input date html tutorial dan cara pakainya
Dalam membuat website pasti ada saatnya kita menggunakan isian tanggal, dalam artikel berikut kita akan mengupas cara dan petunjuk pengunaan input date untuk mempermudah operasi tanggal.
4 youtuber bule yang cerita tentang indonesia mulai dari wisata, budaya sampai makanan
pesona indonesia mampu memikat hati orang asing, 4 youtuber ini membuat vlog tentang beberapa wisata didaerah Indonesia. Siapakah 4 youtuber tersebut, yuks kita simak youtuber yang sering ditonton admin..
5 youtuber review film untuk menambah list film yang akan kamu tonton
ga ada waktu buat nonton film atau bingung film yang bagus yang mana, yuk cek 5 youtuber spesialist membahas film-film yang menarik lewat artikel ini.
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
Sesi belajar javascript kali ini akan membahas pembuatan fungsi untuk merubah sebuah angka menjadi kalimat terbilang.
tutorial cara mengukur tegangan DC dengan multimeter digital
artikel berikut akan mereview multimeter digital visero A830L dan petunjuk pemakaian untuk mengukur tegangan DC
isi tinta printer canon e400 hitam
Simak artikel berikut ini untuk mengisi tinta cartidge hitam printer canon e400 beserta cara reset manual
4 film barat dengan jagoan yang tak terkalahkan
Anda senang dengan film barat? suka dengan aksi perkelahian yang memacu adrenalin? berakhir happy ending? yuk simak artikel berikut ini buat menambah list film yang akan kamu tonton
Tutorial php cara membuat thousand separator nominal uang
Artikel berikut akan membahas cara merubah nominal uang menjadi lebih enak dibaca dengan menambah separator ribuan, ratusan ribu, dll didalam pemprograman PHP.
Raline Shah profil
Raline shah dikenal sebagai artis Indonesia yang pergaulannya luas, dari mohammad hadid sampai artis asia internasional lainnya masuk lingkaran pertemanannya. Berikut adalah biodata raline shah artis yang bukan kaleng-kaleng