下拉列表中为未来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>
小提琴
这样初始化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 = "";
你需要添加
var options = "";
放在for循环的上方,并删除
$("#datemenu1").html("<option>PICK A DATE</option>");
(否则将覆盖所有选项)。
查看工作版本
相关文章:
- 如何在javascript中获取一年中的周数,其中周日是一周中的第一天
- 将到达日历中的2天添加到离开日历中
- 检测未来元素的存在并采取行动
- es6承诺的未来价值
- 在JavaScript中重构上个月的第一天和最后一天的代码(node.js)
- 以天为单位计算年龄-Javascript
- 如果选择了当前年份,则在Select元素中仅显示当前和未来月份
- 如何在JQuery全日历周模式中选择多天
- Mobile Safari、jQuery以及绑定到未来的DOM元素
- 如何使用yyyymmdd格式在日期中添加n天,但排除周日
- 使用默认js函数的javascript中的日期的第二天
- 生成未来 90 天的日期列表
- 如何获得 Email.send 以在未来发送电子邮件(7 天、从现在起 14 天等)
- javascript date()对象,在未来的8天内
- 在javascript中显示未来5天(星期日除外)
- 得到未来五天的一系列天数是失败的
- 下拉列表中为未来7天
- 如果bdays是今天或在未来7天的范围内,则返回true
- 如何使用PHP和mysql显示未来30天的数据
- Javascript设置了未来2天的日期