Bootstrap 带左右箭头的日期时间选择器

Question

我想要 bootstrap 如下图所示的日期时间选择器，

其中，单击左箭头将更改前一天的日期，单击下一个箭头将显示第二天的日期。

提前致谢。

Answer 1

所以您使用的是 jquery 日期选择器和 bootstrap 设计。如果我没记错的话，因为你没有提供任何源代码。如果您使用 jquery 的日期选择器，您可以轻松调整下一个和上一个日期：

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/

Bootstrap 带左右箭头的日期时间选择器

Bootstrap datetimepicker with left & right arrow

javascript

jquery

datepicker

bootstrap-datetimepicker