如何在ASP.Net MVC 5应用程序的JQueryUI DatePicker中设置最小和最大日期 [英] How to set min and max date in the JQueryUI DatePicker in ASP.Net MVC 5 Application

问题描述

好吧，所以在遵循此日期选择器教程我可以创建一个日期选择器.但是我想对日期选择器设置一些限制.例如，我只希望日期选择器在2017年1月5日到2017年8月5日之间生效.如何实现这一点.请注意，我不想更改datepicker的dateFormat属性.此外，dateformat属性工作正常.

Ok, so after following this Date Picker Tutorial I am able to create a datepicker. But I want to set some limit to the date picker. For example I only want the date picker to allow from 5th Jan 2017 to 5th Aug 2017". How can I achieve this. Note that I don't want to change the dateFormat property of the datepicker. Also, dateformat property is working properly.

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

Below is what I have till now:

<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相同的格式.

I selected minDate as '05-Jan-17' because I thought it should be put in the same format as I have set the dateFormat as dd-M-yy.

JQuery UI文档:

经过 JQUERY DatePicker的文档之后，我认为我需要做像下面这样.

After going through the Documentation of JQUERY DatePicker I thought I need to do something like below.

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

但这也不起作用.请帮助我.

But this also does not work. Please help me.

模型类

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

这也行不通.

$(".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"));

推荐答案

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

minDate , maxDate should be Date object instead of string, so create a

new Date(....).

供参考，阅读此问题

这篇关于如何在ASP.Net MVC 5应用程序的JQueryUI DatePicker中设置最小和最大日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！