下拉列表中的未来 7 天
next 7 days in drop-down list
我希望将接下来的 7 天显示在下拉列表中。但是我的代码似乎不起作用。
请注意日期格式必须是yyyy-mm-dd
。
你能帮帮我吗?这是我的代码:
function formatDate(date) {
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2) month = '0' + month;
if (day.length < 2) day = '0' + day;
return [year, month, day].join('-');
}
var curr = new Date;
var first = curr.getDate()
var firstday = (new Date(curr.setDate(first))).toString();
for (var i = 0; i < 7; i++) {
var next = new Date(curr.getTime());
next.setDate(first + i);
options += '<option>' + formatDate((next.toString())) + '</option>';
}
$("#datemenu1").append(options);
$("#datemenu1").html("<option>PICK A DATE</option>");
<html>
<select id="datemenu1">
<option>PICK A DATE</option>
</select>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="Text-1.js"></script>strong text
</html>
将此行添加到代码的顶部:
var options = "";
这样初始化options = "";
:
<html>
<body>
<select id="datemenu1">
<option>PICK A DATE</option>
</select>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="Text-1.js"></script>strong text
<script>
function formatDate(date) {
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
return [year, month, day].join('-');
}
var options = "";
var curr = new Date;
var first = curr.getDate()
var firstday = (new Date(curr.setDate(first))).toString();
for (var i = 0; i < 7; i++) {
var next = new Date(curr.getTime());
next.setDate(first + i);
options += '<option>' + formatDate((next.toString())) + '</option>';
$("#datemenu1").append(options);
}
</script>
</body>
</html>
您需要添加
var options = "";
在for循环之上,移除
$("#datemenu1").html("<option>PICK A DATE</option>");
(否则选项全部被覆盖)
我希望将接下来的 7 天显示在下拉列表中。但是我的代码似乎不起作用。
请注意日期格式必须是yyyy-mm-dd
。
你能帮帮我吗?这是我的代码:
function formatDate(date) {
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2) month = '0' + month;
if (day.length < 2) day = '0' + day;
return [year, month, day].join('-');
}
var curr = new Date;
var first = curr.getDate()
var firstday = (new Date(curr.setDate(first))).toString();
for (var i = 0; i < 7; i++) {
var next = new Date(curr.getTime());
next.setDate(first + i);
options += '<option>' + formatDate((next.toString())) + '</option>';
}
$("#datemenu1").append(options);
$("#datemenu1").html("<option>PICK A DATE</option>");
<html>
<select id="datemenu1">
<option>PICK A DATE</option>
</select>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="Text-1.js"></script>strong text
</html>
将此行添加到代码的顶部:
var options = "";
这样初始化options = "";
:
<html>
<body>
<select id="datemenu1">
<option>PICK A DATE</option>
</select>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="Text-1.js"></script>strong text
<script>
function formatDate(date) {
var d = new Date(date),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
return [year, month, day].join('-');
}
var options = "";
var curr = new Date;
var first = curr.getDate()
var firstday = (new Date(curr.setDate(first))).toString();
for (var i = 0; i < 7; i++) {
var next = new Date(curr.getTime());
next.setDate(first + i);
options += '<option>' + formatDate((next.toString())) + '</option>';
$("#datemenu1").append(options);
}
</script>
</body>
</html>
您需要添加
var options = "";
在for循环之上,移除
$("#datemenu1").html("<option>PICK A DATE</option>");
(否则选项全部被覆盖)