gpt4 book ai didi

javascript - Datepicker默认年份错误

转载 作者:行者123 更新时间:2023-11-30 12:11:26 25 4
gpt4 key购买 nike

我的日期选择器有一个错误,如果你没有选择或选择年份,例如用户选择 1935 年 5 月 25 日(1935 年是最低的默认年份)。在文本框中,它将显示为 2015/05/25 或 May 25, 2015。

这是代码,您可以看到错误。

$(function() {
var startDate = "1935";
var endDate = new Date().getFullYear() - 18;
var interval = startDate + ":" + endDate;
$("#from2").datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
yearRange: interval,
onClose: function(selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate);
}
});

$("#to2").datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
yearRange: '1935:' + (new Date).getFullYear(),
onClose: function(selectedDate) {
$("#from2").datepicker("option", "maxDate", selectedDate);
}
});
});
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
</head>

<body>

<label for="from">Birthday</label>
<input type="text" id="from2" name="from">



</body>

</html>

最佳答案

你正在做的是设置 defaultDate "+1w" 表示“今天增加一周”。你可能应该做这样的事情:

defaultDate: "1/1/1935"

或者您可以在实例化日期选择器后设置默认日期,方法是使用适当的设置方法:

$('#my-datepicker').datepicket(/* instantiation options */)
.datepicker( "setDate", YOUR_DEFAULT_DATE ); // use setter

以下是两者的示例:

$(function() {
var startDate = "1935";
var endDate = new Date().getFullYear() - 18;
var interval = startDate + ":" + endDate;

// use default date
$("#one").datepicker({
defaultDate: "1/1/1935", // set default date
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
yearRange: interval
});

// use setter
$("#two").datepicker({
changeMonth: true,
changeYear: true,
numberOfMonths: 1,
yearRange: interval
}).datepicker("setDate", "1/1/1935"); // set default date

});
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
</head>

<body>

<label for="one">Birthday</label>
<input type="text" id="one" name="one">

<label for="two">Birthday 2</label>
<input type="text" id="two" name="two">


</body>

</html>

关于javascript - Datepicker默认年份错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33696784/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com