"받는 사람"날짜가 "보낸 사람"날짜보다 항상 늦지 않도록하려면 어떻게해야합니까?

Question

"From"필드에서 사용자는 하나의 날짜를 선택하고 "To"필드에서 "From"필드 날짜보다 작아야합니다.

어떻게하면됩니까? 여기

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('.ui-datepicker-prev ui-corner-all').hide(); 

     $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      yearRange: "-0:c+10", 
      dateFormat: "dd - M - yy", 
      onClose: function(selectedDate) { 
       $('#datepicker1').datepicker("setDate", selectedDate); 
      } 
     }); 

     $('#datepicker').datepicker("setDate", new Date()); 

     $("#datepicker1").datepicker({ 
      changeMonth:false, 
      yearRange: "-0:+0", 
      dateFormat: "dd - M - yy" 
     }); 
    }); 
</script> 

행동에 내 코드 (지금까지)입니다 : 여기 http://jsfiddle.net/Mounika_Garrepalli/8z2UH/

Answer 1

년대 FIDDLE

 $(document).ready(function() { 

     $('.ui-datepicker-prev ui-corner-all').hide(); 
     $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      yearRange: "-0:c+10", 
      dateFormat: "dd - M - yy", 
      onClose: function (selectedDate) { 
       $('#datepicker1').datepicker("setDate", selectedDate); 
      } 
     }); 
     $('#datepicker').datepicker("setDate", new Date()); 

     $("#datepicker1").datepicker({ 
      yearRange: "-0:+0", 
      dateFormat: "dd - M - yy" 
     }); 
     $('#datepicker').change(function() { 
      checkDate($(this), $('#datepicker1')); 
     }); 
     $('#datepicker1').change(function() { 
      checkDate($('#datepicker'), $(this)); 
     }); 
    }); 

    function checkDate(date1, date2) { 
     if (date1.val() > date2.val()) { 
      alert('Error'); 
      date2.val(date1.val()); 
     } 
    } 

Answer 2

당신은 minDate 옵션을 사용할 수 있습니다

$("#datepicker1").datepicker({ 
    yearRange: "-0:+0", 
    //Set the initial minDate 
    minDate: $("#datepicker").datepicker("getDate"), 
    dateFormat: "dd - M - yy" 
}); 

을 그리고 다음 반응 :

$("#datepicker").on("change", function() { 
    $("#datepicker1").datepicker("option", "minDate", $(this).datepicker("getDate")); 
}); 

http://jsfiddle.net/8z2UH/5/

Answer 3

일단 this

 $(document).ready(function() { 

     $('.ui-datepicker-prev ui-corner-all').hide(); 
     $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      yearRange: "-0:c+10", 
      dateFormat: "dd - M - yy", 
      onClose: function(selectedDate) { 
       $('#datepicker1').datepicker("setDate", selectedDate); 
      } 
     }); 
     $('#datepicker').datepicker("setDate", new Date()); 
     $("#datepicker").change(function() { 
      datepicker1_mindate = $(this).datepicker('getDate'); 
      datepicker1_mindate = new Date(datepicker1_mindate.getTime()); 
      $("#datepicker1").datepicker("option", "minDate", datepicker1_mindate); 
     }); 
     $("#datepicker1").datepicker({ 
      yearRange: "-0:+0", 
      dateFormat: "dd - M - yy",     
     }); 

    }); 

Answer 4

이 시도하려고 :

이

$(document).ready(function() { 

    $('.ui-datepicker-prev ui-corner-all').hide(); 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: "-0:c+10", 
     dateFormat: "dd - M - yy", 
     onSelect: function(selectedDate) { 
      $("#datepicker1").datepicker("option", "minDate", selectedDate); 
      $('#datepicker1').datepicker("setDate", selectedDate); 
     } 
    }); 
    $('#datepicker').datepicker("setDate", new Date()); 

    $("#datepicker1").datepicker({ 
     yearRange: "-0:+0", 
     dateFormat: "dd - M - yy" 
    }); 

}); 

Answer 5

당신은 함수

var dt1_temp = date1.split("-"); 
var ctdt1 = new Date(dt1_temp[2],dt1_temp[1],dt1_temp[0]); // Y/m/d format 
var dt2_temp = date2.split("-"); 
var ctdt2 = new Date(dt2_temp[2],dt2_temp[1],dt2_temp[0]); 

로 전달하여 날짜를 비교할 수 있습니다

이제 우리는 날짜를 http://jqueryui.com/datepicker/#date-range을

if(ctdt1>ctdt2) { 
alert("To date should not be equal or before the from date"); 
}