Question

我用谷歌搜索并试图找出答案，但无法解决这个问题。在页面加载时，我使用以下最小值和最大值限制datePicker：

$("#<%=txtboxDate.ClientID%>").datepicker({ 
minDate: new Date(2017, 2, 21),
 maxDate: new Date(2023, 07, 11) });

但我也有2017-2-21之前的数据＆lt ;-(给定的日期格式为yyyy-mm-dd）例如datePicker采用此格式mm/dd/yy。所以它收到的日期是'2/1/2017'。它超出minDate限制。

如何在2/1/2017日历上显示这些日期或仅显示此日期datePicker，并且在jquery之上具有相同的定义限制？

Answer 1

试试这个

<input id="dp" />

var d = $.datepicker.parseDate("mm/dd/yy", "12/21/2017");
$('#dp').datepicker({

    beforeShowDay: function (date) {
        return [date >= d, ''];
    }
});
$('#dp').datepicker("setDate", "12/10/2017");

Answer 2

你不能。应用minimal和Max的限制的全部要点是控制可能的日期范围。

将值更新为最小日期或将min更改为您拥有的日期

Answer 3

在初始化日期选择器（fiddle）之前，在输入字段中设置日期。我想这会解决你的目的。

HTML：

Date Picker on input field: <input type="text" id="date1" name="date1"/> <br/>

JQuery的：

$(document).ready(function() {

  $('#thedate').datepicker({
    dateFormat: 'mm/dd/yy',
    minDate: new Date(2017, 12, 21),
    maxDate: new Date(2017, 12, 28)
  });

});

显示定义的MinDate MaxDate限制之外的日期

3 个答案: