How to Enable Dates Before/After Specific Dates in Datepicker Bootstrap

Publish Date : 28-05-2019 , dibaca 4575 kali, Hari ini dibaca : 1 kali ,0 comments

Ok.. tutorial kali ini kita akan membahas tentang Detepticker Bootstrap  , ada kalanya kita ingin mengatur tanggal yang ada pada detepticker dengan kata lain Disable atau Enable tanggal di Detepticker agar tidak bisa dipilih oleh user.

Kali ini, kita ingin membuat tanggal detepticker Hanya bisa dipilih dari tanggal sekarang sampai dengan seterusnya , jadi otomatis tanggal sebelumnya dari tanggal hari ini akan terdisable . Disini kita menggunakan fungsi startDate : "dateToday" , contoh

    <script type="text/javascript">
    $(function(){
    $("#tgl").datepicker({
    autoclose: true,
    todayHighlight: true,
    startDate: "dateToday",
    format:'yyyy-mm-dd'
    });
    });</script>


Nah.. bagaimana jika kita ingin menentukan Dari tanggal berapa kita disable , kita bisa menggunakan MinDate dan MaxDate, Contoh

$(function () {

                 $('#datetimepicker').datetimepicker({  
                 format: 'DD-MM-YYYY',  
                 minDate:new Date("2018", "05", "28"),
                 });
           });

 

 

Produk Rekomendasi

Artikel Terkait

Diskusi



wa