如何在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(....) 。

供參考，請閱讀此問題