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 :

Trending

Tidak perlu beli, begini cara mudah membuat paint remover

$(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