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