Menambahkan detik pada datepicker materializecss

Menambahkan detik pada datepicker materializecss

secara default materializecss tidak mendukung sampai format detik sehingga kita harus menambahkan secara manual.

cara menambahkan nya di contoh ini kami hanya menambahkan :00 untuk detiknya sehingga tidak ada pilihan nya

ok let’s go baby

misal kita punya kode timepicker seperti d bawah ini:


  <input type="text" class="timepicker">

sedangkan untuk jquery default materializecss nya adalah seperti dibawah ini :

$(document).ready(function(){
    $('.timepicker').timepicker();
});

untuk menambakan detik :00 maka kita harus menambah sedikit trik dengan menambahkan :00 ketika timepicker dari materializecss nya dipilih (change)

$(document).ready(function(){
    $('.timepicker').timepicker();
    $('.timepicker').on('change', function() {
        let receivedVal = $(this).val();
        $(this).val(receivedVal + ":00");
    });
});

arti dari kode di atas adalah ketika kita memilih timepicker nya maka diakan menambahkan :00 di belakang timepicker nya

selamat mencoba ya gaes semoga berhasil salam coding indonesia

Leave a Reply

Close Menu