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

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

初始化后获取或设置minDate选项：

// Getter

var minDate = $（＆＃34; .selector＆＃34;）。datepicker（＆＃34; option＆＃34;，＆＃34; minDate＆＃34;）;

// Setter

$（＆＃34; .selector＆＃34;）。datepicker（＆＃34;选项＆＃34;，＆＃34; minDate＆＃34;，新日期（2007年，1 - 1,1））;

当您尝试设置默认的最小日期时，这意味着您尝试使用最小日期初始化日期选择器，这就是为什么您需要稍微添加选项的原因property: value：

使用指定的minDate选项初始化datepicker：

$（＆＃34; .selector＆＃34;）。datepicker（{minDate：new Date（2007,1-1,1）}）;

请参阅下面的工作代码段：

＆＃13;

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

＆＃13;

<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" />

＆＃13;

您可以阅读我所说的 here 。

在Jquery中设置minDate

2 个答案: