在Jquery中设置minDate

Question

我想知道如何设置minDate。我用这个

$(function () {
    $("#dph-entry").datepicker('option', 'minDate', new Date(2017, 3, 27));
});

输入

<input type='text' class="con-input" id='dph-entry' placeholder="Entrada"/>

但不管用

Answer 1

您需要首先初始化datepicker()。然后只能设置option。

$("#dph-entry").datepicker();
$("#dph-entry").datepicker('option', 'minDate', new Date(2017, 3, 27));

初始化时更好地传递选项

$("#dph-entry").datepicker({'minDate': new Date(2017, 3, 27)});

​

$(function() {
  $("#dph-entry").datepicker({
    'minDate': new Date(2017, 3, 27)
  });
});

<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<input type='text' class="con-input" id='dph-entry' placeholder="Entrada" />

​

Answer 2

您使用它的方式是如何在初始化后设置min日期。

初始化后，获取或设置minDate选项： // Getter var minDate = $( ".selector“).datepicker(”选项“，"minDate”)； // Setter $( ".selector“).datepicker(”选项“，"minDate"，新日期(2007年，1-1，1) )；

当您试图设置默认的min日期时，这意味着您要尝试插入带有min日期的数据报警器，这就是为什么您需要添加一些不同的选项，property: value。

使用指定的minDate选项初始化数据报警器： $( ".selector“).datepicker({ minDate:新日期(2007，1-1，1) })；

请参阅下面的工作片段：

$(function() {
  $(document).ready(function() {
    //$("#dp-entry").datepicker('option', 'minDate', new Date(2017, 3, 27));
    $("#dph-entry").datepicker({minDate: new Date(2017, 3, 27)});
  })
});

<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<input type='text' class="con-input" id='dph-entry' placeholder="Entrada" />

​

你可以读到我说的话，这里。