[英]Select date 2 days from today only
我想使用日期選擇器顯示日期。 需要在 select 組件中獲取今天的日期並顯示接下來的 2 天日期。
這可以使用 JavaScript 和 jQuery 嗎?
我發現了一個類似的帖子,但我希望它出現在日期選擇器上: 獲取今天日期和接下來的 2 天 - 在 select 選項中顯示
<input type="date" id="" value="">
像這樣?
const date = new Date(2020,10,28,15,0,0,0); // today, remove the numbers inside when happy document.getElementById("today").innerHTML = `Let's say today is ${date.toLocaleString()}` date.setDate(date.getDate()+2); let day = date.getDate(); const lastDay = new Date(date.getFullYear(), date.getMonth()+1,0,15,0,0,0).getDate(); const sel = document.getElementById("day"); sel.options[sel.options.length] = new Option(day,day) day = day+1>lastDay? 1: day+1 sel.options[sel.options.length] = new Option(day,day)
<span id="today"></span><br/> <select class="select day" id="day"> <option value="" selected="selected">DD</option> </select>
是的,您可以使用 javascript 和 jquery 創建。 檢查小提琴https://jsfiddle.net/s7nrfeqL/
html代碼
Select Date: <input type="date" id="datepicker"/><br>
<select id="selectDay" class="select day">
</select>
javascript + jquery 代碼
document.addEventListener('DOMContentLoaded', (event) => {
$( "#datepicker" ).on("change",function(){
var dateRange = document.getElementById('selectDay'),
monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",
"Sep", "Oct", "Nov", "Dec"];
$(dateRange).empty();
for(var day = 1; day < 3; day++) {
var date = new Date($( "#datepicker" ).val());
date.setDate(date.getDate() + day);
dateRange.options[dateRange.options.length] = new
Option([date.getDate(), monthNames[date.getMonth()],
date.getFullYear()].join(' '), date.toISOString());
}
});
})
僅創建用戶需要 select 的日期。 不要創建 31 天並禁用不需要的天數,由於客戶端代碼,用戶仍然可以 select 禁用天數。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.