如何将endDate设置为litepicker.js中的明日
如何将endDate设置为litepicker.js中的明日
提问于 2022-01-20 04:26:41
我正在使用litepicker.js构建一个日期选择器，到目前为止，我已经完成了所有工作，但在让endDate加载明天的日期时遇到了困难。这是我目前所拥有的。
new Litepicker({
element: document.getElementById('start-date'),
elementEnd: document.getElementById('end-date'),
singleMode: false,
allowRepick: true,
format: 'D MMMM YYYY',
startDate: new Date(),
endDate: new Date(),
numberOfMonths: 1,
numberOfColumns: 1,
tooltipText: {
one: 'night',
other: 'nights'
},
tooltipNumber: (totalDays) => {
return totalDays - 1;
}
});这将在两个字段上显示今天的日期，但是我希望endDate是明天。我试过以下几种方法
endDate: new Date(startDate.getTime() + 86400000)还有其他几次尝试都失败了，但都没有成功。希望群众能帮忙。
提前谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-01-20 04:51:26
显然，我能够添加变量，这样就可以以类似于典型日期更改的方式实现这一点。
下面是我在Litepicker脚本之前添加的内容
var today = new Date();
var tomorrow = new Date(today.getTime() + 86400000); // + 1 day in ms
tomorrow.toLocaleDateString();在那里，我更新了startDate和endDate，以利用创建的变量。
startDate: today,
endDate: tomorrow,我正在成功地在输入字段中加载我想要的值。谢谢大家
Stack Overflow用户
发布于 2022-01-20 04:58:58
您可以为此添加一个函数。
function addDays(days) {
let result = new Date();
result.setDate(result.getDate() + days);
return result;
}最后的代码是这样的。
function addDays(days) {
let result = new Date();
result.setDate(result.getDate() + days);
return result;
}
const picker = new Litepicker({
element: document.getElementById('start-date'),
elementEnd: document.getElementById('end-date'),
singleMode: false,
allowRepick: true,
format: 'D MMMM YYYY',
startDate: new Date(),
endDate: addDays(1),
numberOfMonths: 1,
numberOfColumns: 1,
tooltipText: {
one: 'night',
other: 'nights'
},
tooltipNumber: (totalDays) => {
return totalDays - 1;
}
});这也应该照顾到不断变化的月份。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70780794
复制相关文章
相似问题
腾讯云开发者
