在 Jquery 中设置 minDate答案

【问题标题】：Set minDate in Jquery在 Jquery 中设置 minDate
【发布时间】：2017-03-29 09:10:09
【问题描述】：

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

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

输入

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

但不起作用

【问题讨论】：

标签： jquery jquery-ui datepicker jquery-ui-datepicker

【解决方案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" />

【讨论】：

【解决方案2】：

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

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

// 吸气剂

var minDate = $( ".selector" ).datepicker( "option", "minDate" );

//二传手

$( ".selector" ).datepicker( "option","minDate", new Date(2007, 1 - 1, 1) );

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

使用指定的 minDate 选项初始化日期选择器：

$( ".selector" ).datepicker({ minDate: new Date(2007, 1 - 1, 1) });

请参阅下面的工作 sn-p：

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

你可以阅读我所说的here。

【讨论】：