Kali ini saya akan menulis tentang cara memberi batas tanggal awal dan batas tanggal akhir pada datepicker bootstrap.
Example :
Kita ingin membuat sebuah inputan tanggal awal dan tanggal akhir dari sebuah event
$(document).ready(function() { $(function(){ var startDate = new Date(); window.prettyPrint && prettyPrint(); $('#awal').datepicker({ startDate: 'd', endDate: '+3m', autoclose: true }).on('changeDate', function(selected){ startDate = new Date(selected.date.valueOf()); $('#akhir').datepicker('setStartDate', startDate); $('#akhir').datepicker('setDate', startDate); }); $('#akhir').datepicker({ startDate: startDate, endDate: '+6m', autoclose: true }).on('changeDate', function(selected){ FromEndDate = new Date(selected.date.valueOf()); $('#awal').datepicker('setEndDate', FromEndDate); }); }); });
startDate: 'd' maksudnya adalah memberikan awal tanggal sesuai tanggal sekarang.
endDate: '+3m' maksudnya adalah memberikan batas waktu tanggal 3 minggu semenjak tanggal sekarang.
Terima kasih,
0 komentar:
Posting Komentar