使用日期选择器的 defaultDate 属性时遇到问题
trouble using defaultDate attribute of datepicker
我正在尝试编写一个包含多个日期选择器的表单,我想分别为每个日期选择器定义默认日期。
https://api.jqueryui.com/datepicker/#option-defaultDate
根据本页所说的(以及此处其他地方的一些答案),这样做的方法是使用 defaultDate 属性。但是,如果它在 class 中,而不是在 ID 中,我只能让它工作。
<!doctype html>
<html>
<head>
<title>part of a form page</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
$( function() {
$( ".datepicker" ).datepicker({
dateFormat: "mm-dd-yy",
altFormat: "yy-mm-dd",
altField: "#altField",
//defaultDate: 35 //works if uncommented
});
$( "#fileDate" ).datepicker({
defaultDate: 35
});
});
</script>
</head>
<body>
<div>
<br/><label>Today's Date: </label> <input type="text" name="fileDate" id="fileDate" class="datepicker" required>
</div>
</body>
</html>
如何为各个日期选择器元素设置不同的默认或开始日期?
更新
就功能而言,112g 的建议有效,但在 Firefox 中,它使输入框以红色边框突出显示,就好像用户已经输入了某些内容,删除了它,然后单击了一样。
更奇怪的是,出于某种原因,其中一个现在表现正常,没有红色突出显示。它只是在我输入一些文本、删除它并刷新页面后才开始运行。我在其他两个上尝试了同样的方法,以及重新启动和更新 Firefox,但没有效果。
我认为你的问题是你首先使用 class 选择器初始化日期选择器,而不是你试图使用 id 选择器修改它的选项。你必须这样做:
$( ".datepicker" ).datepicker({
dateFormat: "mm-dd-yy",
altFormat: "yy-mm-dd",
altField: "#altField",
defaultDate: 1
});
$( "#date1" ).datepicker( "option", "defaultDate", 35 );
我正在尝试编写一个包含多个日期选择器的表单,我想分别为每个日期选择器定义默认日期。
https://api.jqueryui.com/datepicker/#option-defaultDate
根据本页所说的(以及此处其他地方的一些答案),这样做的方法是使用 defaultDate 属性。但是,如果它在 class 中,而不是在 ID 中,我只能让它工作。
<!doctype html>
<html>
<head>
<title>part of a form page</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
$( function() {
$( ".datepicker" ).datepicker({
dateFormat: "mm-dd-yy",
altFormat: "yy-mm-dd",
altField: "#altField",
//defaultDate: 35 //works if uncommented
});
$( "#fileDate" ).datepicker({
defaultDate: 35
});
});
</script>
</head>
<body>
<div>
<br/><label>Today's Date: </label> <input type="text" name="fileDate" id="fileDate" class="datepicker" required>
</div>
</body>
</html>
如何为各个日期选择器元素设置不同的默认或开始日期?
更新 就功能而言,112g 的建议有效,但在 Firefox 中,它使输入框以红色边框突出显示,就好像用户已经输入了某些内容,删除了它,然后单击了一样。 更奇怪的是,出于某种原因,其中一个现在表现正常,没有红色突出显示。它只是在我输入一些文本、删除它并刷新页面后才开始运行。我在其他两个上尝试了同样的方法,以及重新启动和更新 Firefox,但没有效果。
我认为你的问题是你首先使用 class 选择器初始化日期选择器,而不是你试图使用 id 选择器修改它的选项。你必须这样做:
$( ".datepicker" ).datepicker({
dateFormat: "mm-dd-yy",
altFormat: "yy-mm-dd",
altField: "#altField",
defaultDate: 1
});
$( "#date1" ).datepicker( "option", "defaultDate", 35 );