Javascript 使用Bootstsrap Jquery将datepicker中的下一个月和上一个月替换为下一天和上一天
我有一个jquery引导数据采集器内联,我想增加和减少当前日期 我试着这样做:Javascript 使用Bootstsrap Jquery将datepicker中的下一个月和上一个月替换为下一天和上一天,javascript,jquery,twitter-bootstrap,bootstrap-4,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Bootstrap 4,Twitter Bootstrap 3,我有一个jquery引导数据采集器内联,我想增加和减少当前日期 我试着这样做: // Html Code <div id="datepicker"></div> // JS Code $('#datepicker').datepicker({ todayHighlight: true, language: 'en', }); $('.btn-next').on("click", function () {
// Html Code
<div id="datepicker"></div>
// JS Code
$('#datepicker').datepicker({
todayHighlight: true,
language: 'en',
});
$('.btn-next').on("click", function () {
var currentDate = $('#datepicker').datepicker('getDate');
var selectedDate= new Date(currentDate);
// Increase current day by +1
selectedDate.setDate(selectedDate.getDate() + 1);
$('#datepicker').datepicker('update',selectedDate);
});
$('.btn-prev').on("click", function () {
var currentDate = $('#datepicker').datepicker('getDate');
var selectedDate= new Date(currentDate);
// Decrease current day by -1
selectedDate.setDate(selectedDate.getDate() - 1);
$('#datepicker').datepicker('update',selectedDate);
});
//Html代码
//JS代码
$(“#日期选择器”)。日期选择器({
今天的亮点:没错,
语言:"en",,
});
$('.btn next')。打开(“单击”,函数(){
var currentDate=$('#datepicker')。datepicker('getDate');
var selectedDate=新日期(currentDate);
//将当前日期增加+1
selectedDate.setDate(selectedDate.getDate()+1);
$('#datepicker')。datepicker('update',selectedDate);
});
$('.btn prev')。打开(“单击”,函数(){
var currentDate=$('#datepicker')。datepicker('getDate');
var selectedDate=新日期(currentDate);
//将当前日期减少-1
selectedDate.setDate(selectedDate.getDate()-1);
$('#datepicker')。datepicker('update',selectedDate);
});
但是它不再工作了,这个操作符的任何想法都不需要再次转换从datepicker获得的日期,只需在datepicker中添加新值即可 演示代码:
$(“#日期选择器”)。日期选择器({
今天的亮点:没错,
语言:"en",,
});
$('.btn next')。打开(“单击”,函数(){
var currentDate=$('#datepicker')。datepicker('getDate');
currentDate.setDate(currentDate.getDate()+1);
$(“#日期选择器”).datepicker('update',currentDate);
});
$('.btn prev')。打开(“单击”,函数(){
var currentDate=$('#datepicker')。datepicker('getDate');
currentDate.setDate(currentDate.getDate()-1);
$(“#日期选择器”).datepicker('update',currentDate);
});代码>
上
下一步
能否显示您的html代码?以及你如何初始化你的datepicker@Frenchy我修改了post和您的输入,您使用的是bootstrap datepicker吗?给出一个带有按钮的完整样品,这样人们就可以用一个真实的样品来帮助你