2012-06-18 177 views
-1

我有兩個datepicker在我看來一個「發件人」和其他的「到」。 我希望當「從」選擇日期少於「到」應禁用。 還請指導我如何格式化日期選擇器在剃刀引擎mvc3 datepicker

<div> 
    From: 
    <input type="text" id="txtFromDate" /> 
    To: 
    <input type="text" id="txtToDate" /> 
</div> 


$(function() { 
    $("#txtFromDate").datepicker({ 
     numberOfMonths: 1, 
     highlightWeek: true, 
     onSelect: function(selected) { 

      $("#txtToDate").datepicker("option", "mindate", selected) 
     } 
    }); 
    $("#txtToDate").datepicker({ 
     numberOfMonths: 1, 
     onSelect: function(selected) { 
      $("#txtFromDate").datepicker("option", "maxDate", selected) 
     } 
    }); 

}); 
+0

你能發表您的觀點至少代碼? – Jorge

+0

$(函數(){ $( 「#txtFromDate」)日期選擇器({ NUMBEROFMONTHS:1, highlightWeek:真, ONSELECT:功能(選擇)的{ $( 「#txtToDate」)日期選擇器(」。選項」, 「MINDATE」,選擇的) } }); $( 「#txtToDate」)日期選擇器({ NUMBEROFMONTHS:1, ONSELECT:功能(選擇)的{ $( 「#txtFromDate」)日期選擇器。 (「option」,「maxDate」,selected) } }); }); – NewToBirtReporting

+0

From: To:
NewToBirtReporting

回答

0

我得到的解決方案的看法...

$(function() { 
    $("#txtFromDate").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     buttonImage: '../../Images/DatePicker.jpg', 
     dateFormat: 'dd-mm-yy', 
     buttonText: 'Select date:', 
     firstDay: 1, 
     buttonImageOnly: true, 
     showOn: 'both', 
     showAnim: 'fadeIn', 
     onSelect: function() { 

      var min = $(this).datepicker('getDate') || new Date(); // Selected date or today if none 
      var max = new Date(min.getTime()); 
      max.setMonth(max.getMonth() + 12 * 10); // Add one month 
      $("#txtToDate").datepicker('option', { minDate: min, maxDate: max }); 

     } 
    }); 
}); 


$(function() { 
    var min = $("#txtFromDate").datepicker('getDate') 
    $("#txtToDate").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     buttonImage: '../../Images/DatePicker.jpg', 
     dateFormat: 'dd-mm-yy', 
     buttonText: 'Select date:', 
     firstDay: 1, 
     buttonImageOnly: true, 
     showOn: 'both', 
     showAnim: 'fadeIn', 
     onSelect: function() { $(this).trigger("onchange", null); } 
    }); 
});