javascript - 如何在 ASP.Net MVC 5 应用程序中的 JQueryUI DatePicker 中设置最小和最大日期

Question

好的，遵循此 Date Picker Tutorial 后我能够创建一个日期选择器。但我想对日期选择器设置一些限制。例如，我只希望日期选择器允许从 2017 年 1 月 5 日到 2017 年 8 月 5 日”。我怎样才能实现这一点。请注意，我不想更改日期选择器的 dateFormat 属性。另外, dateformat 属性工作正常。

以下是我到目前为止所拥有的:

<script type="text/javascript">
    $(function () {
        $(".date-picker").datepicker({
            dateFormat: 'dd-M-yy',
            minDate: '05-Jan-17',
            maxDate: '05-Aug-17'
        });   

    });    
</script>

我选择 minDate 为“05-Jan-17”，因为我认为它的格式应该与我将 dateFormat 设置为 dd-M-yy.

JQuery UI 文档:

经过Documentation of JQUERY DatePicker之后我想我需要做如下的事情。

<script type="text/javascript">
    $(function () {
        $(".date-picker").datepicker({
            dateFormat: 'dd-M-yy',
         });
        $(".date-picker").datepicker("option", "minDate", "05-JAN-17");
    });
</script>

但这也行不通。请帮助我。

模型类

 public class Genre
    {
        public int Id { get; set; }
        [DisplayFormat(DataFormatString = "{0:dd-MMM-yyyy}", ApplyFormatInEditMode = true)]
        public DateTime SongDate { get; set; }
    }

编辑1: 这也行不通。

$(".date-picker").datepicker("option", "minDate", new Date("05-Jan-2017"));

编辑2 以下更改有效

 $(".date-picker").datepicker("option", "minDate", new Date("01-05-2017"));
        $(".date-picker").datepicker("option", "maxDate", new Date("08-05-2017"));

Answer 1

minDate 、 maxDate 应该是 Date 对象而不是字符串，因此创建一个

根据您的要求，在 minDate 和 maxDate 中

new Date(....)。

供引用，read this question