我正在使用 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)
以及其他幾次失敗的嘗試,但無濟于事。希望廣大群眾可以幫忙。
提前致謝。
uj5u.com熱心網友回復:
您可以為此添加一個功能。
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;
}
});
這也應該照顧不斷變化的月份。
uj5u.com熱心網友回復:
我顯然能夠添加變數,因此可以以與典型日期更改類似的方式實作這一點。
這是我在 Litepicker 腳本之前添加的內容
var today = new Date();
var tomorrow = new Date(today.getTime() 86400000); // 1 day in ms
tomorrow.toLocaleDateString();
從那里我更新了 startDate 和 endDate 以利用創建的變數。
startDate: today,
endDate: tomorrow,
我成功地在輸入欄位中加載了我想要的值。謝謝大家
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/420063.html
標籤:
上一篇:根據另一個表中的日期計算總和
下一篇:雪花最近一個財政季度的最后一天
