Question

我遇到的问题是将年份选择drowdown显示在我的第一个datepicker上。它不会出现。有谁知道我怎么能启用它？这是我的代码：

<input id="dtFrom" type="text" class="date-picker" />
<input id="dtTo" type="text" class="date-picker2" />  

$(".date-picker").datepicker({
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    dateFormat: "yy-mm-dd",
    minDate: new Date(2014, 1 - 1, 1)
});

$(".date-picker2").datepicker({
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    dateFormat: "yy-mm-dd",
    minDate: new Date(2014, 1 - 1, 1)
});

Answer 1

你的html标题是否有必要的导入？

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

在此fiddle中，您可以找到一个有效的示例

Answer 2

您是否打电话给jquery-ui？

这是你调用jquery-ui的代码，它工作正常

 $(".date-picker").datepicker({
            showButtonPanel: true,
            changeMonth: true,
            changeYear: true,
            dateFormat: "yy-mm-dd",
            minDate: new Date(2014, 1 - 1, 1),
        });

        $(".date-picker2").datepicker({
            showButtonPanel: true,
            changeMonth: true,
            changeYear: true,
            dateFormat: "yy-mm-dd",
            minDate: new Date(2014, 1 - 1, 1),
        });

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input id="dtFrom" type="text" class="date-picker" />
    <input id="dtTo" type="text" class="date-picker2" />

Answer 3

我找到了改变事件的原因。我不知道为什么这会改变datepicker的行为，即使它什么都不做，说实话，但现在我知道了至少的原因。

authState

编辑：如果有人知道为什么会这样，请告诉我。

有两个JQuery日期选择器的年份选择问题

3 个答案: