2012-06-18 3 views
-1

У меня есть два datepicker, на мой взгляд один для «От» и другой для «до». Я хочу, когда «от» выбранная дата меньше, чем «на», должна быть отключена. , а также, пожалуйста, руководство меня, как форматировать вид Datepickerdatepicker в mvc3 с двигателем бритвы

<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") Datepicker ({ NUMBEROFMONTHS:. 1, highlightWeek: правда, onSelect: функция (выбирается) { $ ("# txtToDate") Datepicker (». вариант», "MinDate", выбран) } }); $ ("# txtToDate") DatePicker ({ NUMBEROFMONTHS:. 1, onSelect: функция (выбрана) { $ ("# txtFromDate") DatePicker. (выбрано «опция», «maxDate») } }); }); – 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); } 
    }); 
}); 
Смежные вопросы