2013-05-08 218 views
0

我正在開發MVC應用程序,我在窗體中使用datepicker。 我在窗體中使用下面的代碼。如何防止日期選擇器選擇未來日期?

$(document).ready(function() { 


     $(function() { 
      $('.BirthDate').datepicker({ 
       dateFormat: "dd-M-y", 
       yearRange:'1930:1995', 
       buttonImage: '@Url.Content("~/Resource/Calender.jpg")', 
       buttonImageOnly: true 
      }); 
     }); 

     $(".BirthDate").datepicker("setDate", "01/01/1995"); 
     }); 

我不想讓用戶選擇未來的日期。 我已經使用年份範圍,但它允許我選擇2013年的任何一個月份。 如何預防它? 我們應該使用哪個屬性?

回答

5

使用maxDate選項http://api.jqueryui.com/datepicker/#option-maxDate

$(function() { 
     $('.pickDate').datepicker({ 
      dateFormat: "dd-M-y", 
      yearRange:'2011:2013', 
      maxDate: 0, 
      defaultDate: '01-01-2013' 
     }); 

    }); 

在關於該作品的最新變化,下面是修改後的代碼:

$(function() { 
     $('.BirthDate').datepicker({ 
      dateFormat: "dd-M-y", 
      yearRange:'1930:1995', 
      buttonImage: '@Url.Content("~/Resource/Calender.jpg")', 
      buttonImageOnly: true, 
      maxDate:0 
     }); 
    }); 

    $(".BirthDate").datepicker("setDate", "01-01-1995"); 
+0

感謝Zee的,還有一兩件事,如果我使用的日期範圍「 2000-2012'那麼它顯示的默認日期在年框是2000年,我想默認顯示的是2012年,如何做到這一點? – bnil 2013-05-08 07:26:35

+0

是否這樣? '$(「.pickDate」).datepicker(「setDate」,「01/01/2012」);' – 2013-05-08 07:30:13

+0

我這樣設置,yearRange:'2000:2012',setDate:「01/01/2012」不工作... – bnil 2013-05-08 07:37:37

相關問題