2013-02-14 61 views
0

在Jquery DatePicker中有點新鮮。我想要做的是允許用戶選擇fromDate的基礎上,toDate datepicker分鐘&最大日期設置。但我需要使用dd/mm/yy格式。但是當我使用這個時,onchange中的功能消失了。任何1可以幫助我嗎?下面 完美的作品,但我無法實現DD/MM/YY格式的日期選擇器JQuery Datepicker以及dateformat

$("#Date_FromDate").datepicker({     
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      minDate: firstDate, 
      maxDate: lastDate, 
      onClose: function (selectedDate) { 
       $("#Date_ToDate").datepicker("option", "minDate", selectedDate); 
       var choosenDate = new Date(selectedDate); 
       var choosenDateQuarter = Math.floor((choosenDate.getMonth()/3)); 
       var choosenDateQuarterStartDate = new Date(choosenDate.getFullYear(), choosenDateQuarter * 3, 1); 
       var choosenDateQuarterEndDate = new Date(choosenDateQuarterStartDate.getFullYear(), choosenDateQuarterStartDate.getMonth() + 3, 0); 
       lastDate = choosenDateQuarterEndDate; 
       $("#Date_ToDate").datepicker("option", "maxDate", choosenDateQuarterEndDate); 
      } 

     }); 
     $("#Date_ToDate").datepicker({    
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      minDate: firstDate, 
      maxDate: lastDate, 
      onClose: function (selectedDate) { 
       $("#Date_FromDate").datepicker("option", "maxDate", selectedDate); 
      } 
+0

把dateFormat放在兩個日期選擇器選項中。 – 2013-02-14 12:30:59

回答

2

嘗試用:

$("#Date_ToDate").datepicker("option", "dateFormat", "dd/mm/yy"); 

或者

$("#Date_ToDate").datepicker({ dateFormat: "dd/mm/yy" }); 
+0

我應該在哪裏添加此代碼? – 2013-02-14 11:59:52

+0

前,我才內使用日期選擇器本身即 $( 「#Date_FromDate」)日期選擇器({ 日期格式: 「DD/MM/YY」, defaultDate: 「+1瓦特」, ...等 但這拿走平變化 – 2013-02-14 12:00:17

+1

你知道你在你的問題的代碼做什麼的全部功能? – 2013-02-14 12:01:27

0

dateFormat作爲參數。

將您所需的格式,而不是null。有關的DateFormats here. 更多的信息,以便yyour代碼變得從

$("#Date_ToDate").datepicker({    
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      minDate: firstDate, 
      maxDate: lastDate, 
      onClose: function (selectedDate) { 
       $("#Date_FromDate").datepicker("option", "maxDate", selectedDate); 
      } 

$("#Date_ToDate").datepicker({    
      defaultDate: "+1w", 
      changeMonth: true, 
      dateFormat:"dd/mm/yy", 
      numberOfMonths: 1, 
      minDate: firstDate, 
      maxDate: lastDate, 
      onClose: function (selectedDate) { 
       $("#Date_FromDate").datepicker("option", "maxDate", selectedDate); 
      } 

編輯:

您必須在分配給MIN和MAX之前,解析您的firstDatelastDate如下:

var minDate= $.datepicker.parseDate('dd/mm/yy', firstDate); 
    var maxDate= $.datepicker.parseDate('dd/mm/yy', lastDate); 
+0

我已經發布了,之前你做過xD – 2013-02-14 12:01:05

+0

@Zlatan更新我的答案,因爲OP似乎是新用戶... – 2013-02-14 12:02:55

+0

是你的意思是通過dateFormat:'dd/mm/yy'那樣嗎? – 2013-02-14 12:05:23

0

Zlatan和Bhushan都是對的。 不要混淆你更多地在你的代碼上面寫上給定的代碼,然後格式化你在變量firstdate和lastdate中得到的值,如果它們已經在dd/mm/yy中,那麼不需要格式化。

$("#Date_FromDate").datepicker("option", "dateFormat", "dd/mm/yy"); 
$("#Date_ToDate").datepicker("option", "dateFormat", "dd/mm/yy");