2013-02-14 64 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");