Hai ketemu lagi dengan saya dan pada kali ini saya akan membuat postingan yang ringan-ringan saja yaitu tentang custom function di javascript yang sering saya gunakan. Jadi sebenarnya saya membuat postingan ini juga untuk saya karena saya suka malas kalo harus berkali-kali membuat function setiap saya membuat project, jadi kalo ada postingan ini saya tidak perlu membuatnya lagi karena cukup copas aja hehe… karena saya berprinsip “ngapain juga repot-repot nulis koding 100% orang tinggal copas juga lebih cepet buang-buang waktu aja harus nulis-nulis terus..” gitu jadinya ini adalah custom function yang berfungsi sebagai master bisa dimasukkan di custom.js. Copas itu boleh saja asalkan paham apa yang dicopas ya bukan asal copas aja. Maka dari itu sobat juga bisa BOOKMARK postingan ini jadi siapa tau kapan-kapan sobat membutuhkannya tinggal cari di bookmark browser.
Karena ini ada di javascript tentu bisa digunakan di bahasa pemrograman apapun dan framework apapun ya selama itu pemrograman web yang menggunakan javascript. Jadi ini biasa saya gunakan di PHP Native, Laravel, Code Igniter, Java Spring/Spring boot, dll dan saya gunakan full copas tanpa edit-edit lagi.
Pertama saya ingin bilang bahwa cari ini bukan cara convert/fungsi satu-satunya ya gan karena bisa juga dengan cara yang lain yang lebih singkat tapi saya lebih suka cara ini karena lebih mudah dimengerti. Oke langsung saja saya berikan function satu per satu dan karena banyak sekali jadi saya bagi menjadi beberapa kategori.
Baca juga :
Custom Function DATE pada Javascript yang Sering Digunakan
Custom Function DATETIME pada Javascript yang Sering Digunakan
Custom Function NUMBER/ANGKA/MATA UANG pada Javascript yang Sering Digunakan
Custom Function String pada Javascript yang Sering Digunakan
Custom Function Tambahan Plugin pada Javascript yang Sering Digunakan
MACAM-MACAM CONVERT DATE/TANGGAL
1. Convert tanggal dari database ke format Indonesia
Ini berfungsi untuk mengubah format dari yyyy-dd-mm ke dd-mm-yyyy. Cara penggunaan convertDateToDB[‘2020-12-30’].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//2020-12-30 jadi 30-12-2020
function convertDateFromDBdmY[x]{
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][2];
let bln = x.split["-"][1];
let thn = x.split["-"][0];
al = tgl + "-" + bln + "-" + thn;
}
return al;
}
REVERSE/KEBALIKANNYA
Ini adalah fungsi kebalikan dari fungsi diatas ya jadi ini fungsi yang berguna sebelum memasukkan data ke database supaya tidak error karena jika tipenya date maka di database harus yyyy-mm-dd. Cara penggunaan convertDateToDB[’30-12-2020′].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//30-12-2020 jadi 2020-12-30
function convertDateToDB[x]{
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][0];
let bln = x.split["-"][1];
let thn = x.split["-"][2];
al = thn + "-" + bln + "-" + tgl;
}
return al;
}
2. Convert tanggal dari database ke dd/mm/yyyy
Ini sebenarnya sama seperti cara nomor 1 hanya beda di pemisahnya saja menjadi slash[‘/’]. Cara penggunaan convertDateFromDBdmYSlash[‘2020-12-30’].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//2020-12-30 jadi 30/12/2020
function convertDateFromDBdmYSlash[x]{
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][2];
let bln = x.split["-"][1];
let thn = x.split["-"][0];
al = tgl + "/" + bln + "/" + thn;
}
return al;
}
REVERSE/KEBALIKANNYA
Kebalikan dari nomor 3 yaitu mengubah format tanggal dd/mm/yyyy ke yyyy-mm-dd. Cara penggunaan convertDateToDBSlash[’01/01/2020′].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 30/12/2020 jadi 2020-12-30
function convertDateToDBSlash[x]{
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["/"][0];
let bln = x.split["/"][1];
let thn = x.split["/"][2];
al = thn + "-" + bln + "-" + tgl;
}
return al;
}
3. Convert tanggal ke format Indonesia dengan nama Bulan Full
Cara ini mengkonvert tanggal dari database menjadi format Indonesia dengan nama Bulan Full. Cara penggunaan convertDateFromDBIndoFull[‘2020-12-30’].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 2020-12-30 jadi 30 Desember 2020
function convertDateFromDBIndoFull[x]{
let bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][2];
let bln = x.split["-"][1];
let thn = x.split["-"][0];
al = tgl + " " + bulan[Math.abs[bln]-1] + " " + thn;
}
return al;
}
REVERSE/KEBALIKANNYA
Ini adalah kebalikannya untuk menjadikan format database untuk diinput dan ini biasa juga saya gunakan di datepicker/daterangepicker. Cara penggunaan convertDateToDBIndoFull[’30 Desember 2020′].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 30 Desember 2020 jadi 2020-12-30
function convertDateToDBIndoFull[x]{
let bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split[" "][0];
let bln = bulan.indexOf[x.split[" "][1]]+1;
let thn = x.split[" "][2];
al = thn + "-" + bln + "-" + tgl;
}
return al;
}
4. Convert tanggal ke format Indonesia dengan nama Bulan 3 Digit
Sebenarnya ini tinggal ganti arraynya saja tapi untuk memudahkan agar tinggal copas maka saya tulis disini. Cara penggunaan convertDateFromDBIndo3[‘2020-12-30’].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 2020-12-30 jadi 30 Des 2020
function convertDateFromDBIndo3[x]{
let bulan = ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][2];
let bln = x.split["-"][1];
let thn = x.split["-"][0];
al = tgl + " " + bulan[Math.abs[bln]-1] + " " + thn;
}
return al;
}
REVERSE/KEBALIKANNYA
tentu ini adalah kebalikan fungsi diatas yang mengubah kembali format tanggal dengan nama bulan 3 digit menjadi format tanggal/date database. Cara penggunaan convertDateToDBIndo3[’30 Des 2020′].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 30 Des 2020 jadi 2020-12-30
function convertDateToDBIndo3[x]{
let bulan = ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split[" "][0];
let bln = bulan.indexOf[x.split[" "][1]]+1;
let thn = x.split[" "][2];
al = thn + "-" + bln + "-" + tgl;
}
return al;
}
5. Convert tanggal ke format English/Inggris dengan nama Bulan Full
Cara penggunaan convertDateFromDBEngFull[‘2020-12-30’].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 2020-12-30 jadi 30 December 2020
function convertDateFromDBEngFull[x]{
let bulan = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][2];
let bln = x.split["-"][1];
let thn = x.split["-"][0];
al = tgl + " " + bulan[Math.abs[bln]-1] + " " + thn;
}
return al;
}
REVERSE/KEBALIKANNYA
Cara penggunaan convertDateToDBEngFull[’30 December 2020′].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 30 December 2020 jadi 2020-12-30
function convertDateToDBEngFull[x]{
let bulan = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split[" "][0];
let bln = bulan.indexOf[x.split[" "][1]]+1;
let thn = x.split[" "][2];
al = thn + "-" + bln + "-" + tgl;
}
return al;
}
6. Convert tanggal ke format English/Inggris dengan nama Bulan 3 Digit
Cara penggunaan convertDateFromDBEng3[‘2020-12-30’].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 2020-12-30 jadi 30 Dec 2020
function convertDateFromDBEng3[x]{
let bulan = ['Jan', 'Feb', 'Mar', 'Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split["-"][2];
let bln = x.split["-"][1];
let thn = x.split["-"][0];
al = tgl + " " + bulan[Math.abs[bln]-1] + " " + thn;
}
return al;
}
REVERSE/KEBALIKANNYA
Cara penggunaan convertDateToDBIndo3[’30 Dec 2020′].
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 30 Dec 2020 jadi 2020-12-30
function convertDateToDBIndo3[x]{
let bulan = ['Jan', 'Feb', 'Mar', 'Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
let al = "";
if[x==null || x=="" || x=="null"] {
al = "";
} else {
let tgl = x.split[" "][0];
let bln = bulan.indexOf[x.split[" "][1]]+1;
let thn = x.split[" "][2];
al = thn + "-" + bln + "-" + tgl;
}
return al;
}
7. Mendapatkan Nama Hari Ini Indonesia
fungsi ini adalah untuk mendapatkan nama Hari ini dalam bahasa Indonesia. Cara penggunaan cukup getCurrentDayName[]
1
2
3
4
5
6
7
8
//Rabu
function getCurrentDayName[] {
var date = new Date[];
var hari = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];
var hariini = date.getDay[],
hariini = hari[hariini];
return hariini;
}
8. Mendapatkan Nama Hari dari Tanggal DB[yyy-mm-dd]
Fungsi ini adalah untuk mendapatkan nama Hari dari tanggal dengan format tanggal dari database seperti yyyy-mm-dd dalam bahasa Indonesia. Cara penggunaan cukup getDayNameFromDate[‘2020-09-23’]
1
2
3
4
5
6
7
8
//getDayNameFromDate['2020-09-23'] = Rabu
function getDayNameFromDate[date] {
var date = new Date[date];
var hari = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'];
var hariini = date.getDay[],
hariini = hari[hariini];
return hariini;
}
9. Mendapatkan Tanggal Sekarang
Fungsi ini adalah untuk mendapatkan tanggal hari ini namun hanya tanggal saja ya tidak sama bulan dan tahun,Cara penggunaan cukup getCurrentDate[]
1
2
3
4
5
6
//23
function getCurrentDate[] {
let date = new Date[];
let day = "0" + date.getDate[];
return day.substring[day.length - 2, day.length];
}
10. Mendapatkan Bulan Sekarang
Fungsi ini adalah untuk mendapatkan bulan ini. Cara penggunaan cukup getCurrentMonth[]
1
2
3
4
5
6
//09
function getCurrentMonth[] {
let date = new Date[];
let month = "0" + [date.getMonth[] + 1];
return month.substring[month.length - 2, month.length];
}
10. Mendapatkan Tahun Sekarang
Fungsi ini adalah untuk mendapatkan tahun ini. Cara penggunaan cukup getCurrentYear[]
1
2
3
4
5
//2020
function getCurrentYear[] {
let date = new Date[];
return date.getFullYear[];
}
11. Mendapatkan Tanggal Hari ini Full [Format DB yyyy-mm-dd]
Fungsi ini adalah untuk mendapatkan tanggal hari ini secara full date dengan format yyyy-mm-dd. Cara penggunaan cukup getTodayDB[]
1
2
3
4
5
6
7
8
9
10
11
//2020-09-23
function getTodayDB[] {
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = String[today.getMonth[] + 1].padStart[2, '0'];
let yyyy = today.getFullYear[];
today = yyyy + '-' + mm + '-' + dd;
return today;
}
12. Mendapatkan Tanggal Hari ini Full [Format Indo Strip dd-mm-yyyy]
Fungsi ini adalah untuk mendapatkan tanggal hari ini secara full date dengan format dd-mm-yyyy. Cara penggunaan cukup getTodayStrip[]
1
2
3
4
5
6
7
8
9
10
11
//23-09-2020
function getTodayStrip[] {
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = String[today.getMonth[] + 1].padStart[2, '0'];
let yyyy = today.getFullYear[];
today = mm + '-' + dd + '-' + yyyy;
return today;
}
13. Mendapatkan Tanggal Hari ini Full [Format Indo Slash dd/mm/yyyy]
Fungsi ini//dewankomputer.com/2019/04/10/custom-function-fungsi-custom-pada-javascript-yang-sering-digunakan/adalah untuk mendapatkan tanggal hari ini secara full date dengan format dd/mm/yyyy. Cara penggunaan cukup getTodayStrip[]
1
2
3
4
5
6
7
8
9
10
11
//23/09/2020
function getTodaySlash[] {
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = String[today.getMonth[] + 1].padStart[2, '0'];
let yyyy = today.getFullYear[];
today = mm + '/' + dd + '/' + yyyy;
return today;
}
14. Mendapatkan Tanggal Hari ini Full [Format Bulan Full Indonesia]
Fungsi ini adalah untuk mendapatkan tanggal hari ini secara full date dengan format dd/mm/yyyy. Cara penggunaan cukup getTodayIndoFull[]
1
2
3
4
5
6
7
8
9
10
11
12
13
//23 September 2020
function getTodayIndoFull[] {
let bulan = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = bulan[today.getMonth[]];
let yyyy = today.getFullYear[];
today = dd + ' ' + mm + ' ' + yyyy;
return today;
}
15. Mendapatkan Tanggal Hari ini Full [Format Bulan 3 Digit Indonesia]
Fungsi ini adalah untuk mendapatkan tanggal hari ini secara full date dengan format dd/mm/yyyy. Cara penggunaan cukup getTodayIndo3[]
1
2
3
4
5
6
7
8
9
10
11
12
13
//23 Sep 2020
function getTodayIndo3[] {
let bulan = ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'];
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = bulan[today.getMonth[]];
let yyyy = today.getFullYear[];
today = dd + ' ' + mm + ' ' + yyyy;
return today;
}
16. Mendapatkan Tanggal Hari ini Full [Format Bulan 3 Digit English]
Fungsi ini adalah untuk mendapatkan tanggal hari ini secara full date dengan format dd/mm/yyyy. Cara penggunaan cukup getTodayIndo3[]
1
2
3
4
5
6
7
8
9
10
11
12
13
//23 Dec 2020
function getTodayIndo3[] {
let bulan = ['Jan', 'Feb', 'Mar', 'Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = bulan[today.getMonth[]];
let yyyy = today.getFullYear[];
today = dd + ' ' + mm + ' ' + yyyy;
return today;
}
16. Mendapatkan Tanggal Hari ini Full [Format Bulan Full English]
Fungsi ini adalah untuk mendapatkan tanggal hari ini secara full date dengan format dd/mm/yyyy. Cara penggunaan cukup getTodayEngFull[]
1
2
3
4
5
6
7
8
9
10
11
12
13
//23 December 2020
function getTodayEngFull[] {
let bulan = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
let today = new Date[];
let dd = String[today.getDate[]].padStart[2, '0'];
let mm = bulan[today.getMonth[]];
let yyyy = today.getFullYear[];
today = dd + ' ' + mm + ' ' + yyyy;
return today;
}
17. Mendapatkan Jam:Menit:Detik Ini [H:i:s]
Ini Adalah fungsi untuk mendapatkan jam menit dan detik ini juga.
1
2
3
4
5
6
7
8
9
10
//18:46:11
function showTime[] {
var a_p = "";
var today = new Date[];
var curr_hour = String[today.getHours[]].padStart[2, '0'];
var curr_minute = String[today.getMinutes[]].padStart[2, '0'];
var curr_second = String[today.getSeconds[]].padStart[2, '0'];
return curr_hour + ":" + curr_minute + ":" + curr_second;
}
Pada setiap fungsi kebanyakan terdapat pengecekan seperti ‘if[string==”” || string==null || string==”null” || string==undefined]’ itu fungsinya untuk apa? Bagi beberapa orang mungkin akan risih juga karena ada beberapa orang yang jika menuliskan sesuatu penginnya pendek aja mungkin bisa 1 baris saja dalam menuliskan fungsi. Namun saya tidak pasti selalu ada pengecekan itu karena jika null/undefined atau kosong itu dapat menyebabkan error pada suatu kasus, seperti seingat saya ya itu null/undefined kita replace maka akan membuat error atau masih banyak lagi yang saya tidak ingat. Jadi supaya aman selalu saya tambahkan pengecekan itu.
Sekian dulu custom function javascript karena ternyata banyak sekali dan saya sendiri jadi bingung scroll dan mencarinya jadi yang sebelumnya satu postingan saya pisah menjadi beberapa postingan berdasarkan kategori seperti custom function yang berhubungan dengan date, datetime, number, string dan masih banyak lagi. Dan ini saja masih belum semua jadi mungkin saya akan update lagi jika adaa kesempatan dan jika ada function baru yang saya gunakan.