minDate and other defaults not taking effect
Hi, I have the following code which initialises datepicker and calculates days between dates. When I add defaults for minDate and the calendar, no matter where I add the code, nothing changes.
Defaults
- $('#from').datepicker({numberOfMonths: 2, firstDay: 1, dateFormat: 'DD dd-mm-yy', minDate: '0', maxDate: '+2Y', onSelect: function(dateStr) {
var min = $(this).datepicker('getDate'); // Get selected date
- $('#to').datepicker('option', 'minDate', min || '0');
- }});
$('#to').datepicker({numberOfMonths: 2, firstDay: 1, dateFormat: 'DD dd-mm-yy', minDate: '0', maxDate: '2Y', onSelect: function(dateStr) {
var max = $(this).datepicker('getDate'); // Get selected date
$('#from').datepicker('option', 'maxDate', max || '+2Y');
- }});
Code for calculator
- <script type="text/javascript">
var datepicked = function() {
- var from = $('#from');
var to = $('#to');
var days = $('#days');
- var fromDate = from.datepicker('getDate')
var toDate = to.datepicker('getDate')
if (toDate && fromDate) {
var difference = 0;
var oneDay = 1000*60*60*24;
var difference = Math.ceil((toDate.getTime() - fromDate.getTime()) / oneDay);
days.val(difference);
}
}
$(function() {
$('#from, #to').datepicker({
onSelect: datepicked
});
});
</script>
Any help would be appreciated
Joe