2015-04-08 3 views
0

У меня есть два ящика ввода, startDate и tilldate. Я использую jQuery datepicker. Проблема заключается в том, что пользователь выбирает startDate, а затем в tillDate только два дня должны быть включены для выбора. Например, 01/04/2015 затем tilldate может быть на такой же день или на следующую дату, 02/04/2015.Как проверить дату jquery datePicker?

<td><input type="text" id="startDate" name="startDate" ></td> 
<td><input type="text" id="tillDate" name="tillDate"></td> 
$(function() { 
    var setDate; 
    $("#startDate") 
    .datepicker({ 
     showOn: "button", 
     buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif', 
     buttonImageOnly: true, 
     buttonText: "Select Date", 
     changeMonth: true, 
     changeYear: true, 
     maxDate: '0', 
     onSelect: function (selected) { 
      $("#tillDate").datepicker("option", "minDate", selected) 
      setDate = $("#startDate").val(); 
      alert(setDate); 
     } 
    });  

    $("#tillDate").datepicker({ 
     showOn: "button", 
     buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif', 
     buttonImageOnly: true, 
     buttonText: "Select Date", 
     changeMonth: true, 
     changeYear: true, 
     maxDate: setDate + "2D", 
     onSelect: function (selected) { 
      $("#startDate").datepicker("option", "maxDate", selected) 
     } 
    }); 

    $(".ui-datepicker-trigger").mouseover(function() { 
     $(this).css('cursor', 'pointer'); 
    }); 
}); 
+0

В чем проблема с вашим кодом? –

+0

В функции 'onSelect' вашего сборщика' startDate' вы не указываете свойство 'maxDate' для сборщика' tillDate'. Вы указываете минимум. –

ответ

0

AS per my understand вам нужно всего два дня на дату. plz проверить приведенный ниже код

<script type="text/javascript"> 
     $(function() { 
    var setDate; 

    $("#startDate") 
    .datepicker(
     { 
     showOn: "button", 
     buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif', 
     buttonImageOnly: true, 
     buttonText: "Select Date", 
     changeMonth: true, 
     changeYear: true, 
     maxDate:'0' , 
     onSelect: function (selected) { 
      setDate = $("#startDate").val(); 
      var maxDatevale=new Date(setDate); 
      maxDatevale.setDate(maxDatevale.getDate()+1); 
      alert(maxDatevale); 
      $("#tillDate").datepicker("option", "minDate", setDate) 
      $("#tillDate").datepicker("option", "maxDate", maxDatevale) 


     } 
    });  

    $("#tillDate").datepicker({ 
     showOn: "button", 
     buttonImage: 'http://jqueryui.com/resources/demos/datepicker/images/calendar.gif', 
     buttonImageOnly: true, 
     buttonText: "Select Date", 
     changeMonth: true, 
     changeYear: true, 
     maxDate: setDate + "2D", 
     onSelect: function (selected) { 
      $("#startDate").datepicker("option", "maxDate", selected) 
     } 
    }); 

    $(".ui-datepicker-trigger").mouseover(function() { 
     $(this).css('cursor', 'pointer'); 
    }); 
}); 
    </script> 
+0

спасибо Chandan sarma ваш код точно поможет мне, что я хочу –

+0

Plz принять этот ответ, чтобы в будущем он может помочь другим @RajuYadav –

0

Хорошо, если я получил это право, вы просто не хотите, чтобы пользователь выбрать дату Thats до даты начала значения?

Если да, то почему вы просто не указали значение даты начала в глобальном, а затем извлекли его в своей функции. Как только у вас есть значение, вы можете просто проверить, не является ли значение даты до даты начала, если это просто очистить ввод.

Но вам нужно будет, вероятно, подтвердить дату начала.

Смежные вопросы