带有左右箭头的Bootstrap datetimepicker

问题描述 投票:0回答:1

我想要bootstrap datetimepicker,如下图所示,

enter image description here

在左箭头单击它将改变前一天的日期,在下一个箭头它将显示第二天的日期。

提前致谢。

javascript jquery datepicker bootstrap-datetimepicker
1个回答
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/

© www.soinside.com 2019 - 2024. All rights reserved.