2016-12-30 109 views
0

我想引导的DateTimePicker像下面的图片,引导的DateTimePicker与左,右箭头

enter image description here

凡,左箭头点击它会改变前一天的日期,并与下一个箭头,它会显示第二天的日期。

在此先感谢。

+1

请提供一个最小的例子或显示你已经尝试过。阅读[mcve](http://stackoverflow.com/help/mcve) – bhansa

+0

我刚刚添加了bootstrap datepicker。我想要的是当用户点击左箭头时,日期字段应该与前一天的日期相同,并且与右箭头相同以便下一天。 –

回答

1

所以你正在使用jquery日期选择器与bootstrap设计。如果我没有错,因为你没有提供任何源代码。 如果您正在使用jQuery的日期选择器,可以调节轻松next和prev日期:

HTML

<button id="prev">prev</button> 
<input type="text" id="datepicker"/> 
<button id="next">next</button> 

jQuery代码:

$("#datepicker").datepicker(); 

$("#prev").click(function(){ 
    var date = $('#datepicker').datepicker('getDate', '-1d'); 
    date.setDate(date.getDate()-1); 
    $('#datepicker').datepicker('setDate', date); 
}) 


$("#next").click(function(){ 
     var date = $('#datepicker').datepicker('getDate', '+1d'); 
    date.setDate(date.getDate()+1); 
    $('#datepicker').datepicker('setDate', date); 
}) 

的jsfiddle https://jsfiddle.net/noitse/r1s0bwm6/