BootstrapV3 datetimepicker不會更改下一個prev按鈕單擊

Question

日曆正在顯示，但我必須更改日期上下一個和上一個按鈕單擊它不起作用。

我使用的引導V3和的DateTimePicker版本35年4月15日 https://github.com/Eonasdan/bootstrap-datetimepicker

這裏是代碼：

//To display Calendar 
$(document).ready(function() { 
    $('#datetimepicker1').datetimepicker({ 
     format: "MM/DD/YYYY", 
     defaultDate: new Date() 
    }); 
}); 

//Next button added to Change date on next button click 
$(function() { 
    $('#next').click(function() { 
     var date = $('#datetimepicker1').data("DateTimePicker").getDate(); // giving error 
     date.setTime(date.getTime() + (1000 * 60 * 60 * 24)) 
     $('#datetimepicker1').datepicker("setDate", date); 
    }); 
}); 

//Previous button added to Change date on prev button click 
$(function() { 
    $('#previous').click(function() { 
     var date = $('#datetimepicker1').datetimepicker('getDate'); 
     date.setTime(date.getTime() - (1000 * 60 * 60 * 24)) 
     $('#datetimepicker1').datetimepicker("setDate", date); 
    }); 
}); 

Answer 1

我會建議您使用操作moment

看到日期（S）工作樣品上JSFiddle

$('#datetimepicker1').datetimepicker({ 
    format: "MM/DD/YYYY", 
    defaultDate: new Date() 
}); 

//Next button added to Change date on next button click 
$(function() { 
    $('#next').click(function(event) { 
     event.preventDefault(); 
     var date = $('#datetimepicker1').data("DateTimePicker").date(); 
     nextdate = moment(date).add(1, 'days'); 
     $('#datetimepicker1').data("DateTimePicker").date(nextdate); 
    }); 
}); 

//Previous button added to Change date on prev button click 
$(function() { 
    $('#previous').click(function(event) { 
     event.preventDefault(); 
     var date = $('#datetimepicker1').data("DateTimePicker").date(); 
     predate = moment(date).subtract(1, 'days'); 
     $('#datetimepicker1').data("DateTimePicker").date(predate); 
    }); 
});