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

By |2019-09-09T21:31:37+00:00September 9th, 2019|css, materializecss|0 Comments

About the Author:

Leave A Comment