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

Posted in Tutorial Bootstrap Life at 28 Mei 2019 With 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"),
                 });
           });

 

 

Artikel Rekomendasi

Artikel Terkait

Diskusi

wa