>我需要按日期显示。 例如,当我选择 31 开始日期时,将显示月份 (1,3,5,7,8,10,12)。我已经创建了,但月份的结果是 1。
这是我的网页
<label>Day: </label>
<input list="day" class="birth-day" maxlength="2">
<label>Month: </label>
<input list="month" class="birth-month" maxlength="2" disabled>
我的爪哑脚本
function daysInMonth(day) {
return new Date(day, 0).getMonth() + 1;
}
$('.birth-day').on('change',function() {
var daysInSelectedMonth = daysInMonth($('.birth-day').val());
$('#month').text($("<option></option>").attr("value", i).text(""));
for (var i = 1; i <= daysInSelectedMonth; i++) {
$('#month').append($("<option></option>").attr("value", i).text(i));
}
})
这是我在小提琴中的完整代码谢谢
您可以使用 getMonth() 方法
要获取特定月份:
如果您仍然卡住,请点击以下链接:
https://www.w3schools.com/jsref/jsref_getmonth.asp
如果您的目标是从用户那里获取正确的日期值,那么有一种更干净和一致的方法可以做到这一点,那么日期选择器组件被广泛使用。
你可以做:
HTML:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>
<body>
<div>Selected Date: <input type="text" id="date_ex"></div>
<div id="date_val"></div>
</body>
</html>
.JS:
$('#date_ex').datepicker({
onSelect: function(dateText, inst) {
// date value now in dateText, show it in date_val DIV
$('#date_val').text(dateText);
}
});
现场示例:
https://jsfiddle.net/dLumvn12/