Question

我试图编写一个包含多个日期选择器的表单，我想分别为每个表单定义默认日期。

https://api.jqueryui.com/datepicker/#option-defaultDate

根据本页所说的内容（以及此处其他地方的一些答案），使用defaultDate属性的方法是这样做。但是，如果它在一个类中，而不是一个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>

如何为各个datepicker元素设置不同的默认值或开始日期？

更新 112g的建议与功能有关，但在Firefox中，它使输入框以红色边框突出显示，就好像用户已输入内容，删除它并点击了一样。陌生人仍然，出于某种原因，他们中的一个现在表现得如此，没有红色突出显示。它只在我输入一些文本，删除它并刷新页面后才开始表现。我尝试了另外两个，以及重启和更新Firefox，没有效果。

Answer 1

我认为您的问题是您首先使用类选择器初始化datepicker，而不是尝试使用id选择器修改其选项。你必须这样做：

$( ".datepicker" ).datepicker({
    dateFormat: "mm-dd-yy",
    altFormat: "yy-mm-dd",
    altField: "#altField",
    defaultDate: 1

});

$( "#date1" ).datepicker( "option", "defaultDate", 35 );

Fiddle here

使用datepicker的defaultDate属性时出现问题

1 个答案: