Horken's Blog
  • About
  • Contact
  • Instagram
  • LinkedIn
  • Facebook

BS3 Datetimepicker custom range

BS3 Datetimepicker custom range

Eonasdan BS3+ datetimepicker - how to costom set year range

Sometime we want to limited user to selected a date from a range we decided, to avoided they choose randomly to make some error occur.

For this feature I was use Eonasdan datetimepicker, it give me some options to make this easier to do.

How to do that is just used minDate and MaxDate to set-up the start and end year, like example below:

datepicker-thumbnail

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
$(function () {
var hdlist=["12/25/2015", "12/25/2016"];
$('#datetimepicker5').datetimepicker({
defaultDate: new Date(), // set up default today at beginning
minDate: moment('01/01/2000'), //I need to show from 01/01/2000
maxDate: moment('02/01/2016'),//and End at 02/01/2016
disabledDates: [ //or get array from setdisableDates(hdlist)
moment("12/25"),
new Date(2013, 11-1 , 21),
"11/22/2013 00:53"
]
});
});
function setdisableDates(list){ //pick up special day to disable in hdlist
var disableList = [];
for(var key in list ){
disableList.push(moment(list[key]));
}
return disableList;
}
}  
</script>