contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

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