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

Question

好的，因此在遵循此日期选择器教程之后，我可以创建一个日期选择器。 但是我想对日期选择器设置一些限制。 例如，我只希望日期选择器在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文档：

看完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对象而不是字符串，因此创建一个

根据您的要求， maxDate在minDate和maxDate new Date(....) 。

供参考，请阅读此问题