2010-08-20 4 views
0

jquery 달력을 트리거하는 시작 및 중지 텍스트 상자 필드가 있습니다. 시작일에 날짜를 선택할 때 달성 할 수 있는지 여부를 알고 싶습니다. 중지시 동일한 날짜를 채울 것입니까?jquery calendar issue

답변

2

onSelect 콜백을 사용하여 시작 날짜를 종료 날짜 필드에 복사합니다.

$('#startDate').datepicker({ 
    onSelect: function(dateText, inst) { 
     $('#endDate').val($(this).val()); 
    } 
}); 

편집 : 종료 날짜에 대한

$('#startDate).datetimepicker({ 
     ampm: true, 
     minDate: 0, 
     onSelect: function(dateText, inst) { 
      $('#endDate').val($(this).val()); 
     } 
}); 

편집 : 전체 코드를 만들 것입니다 결합

$('#endDate).datetimepicker({ ampm: true }); 

두 편집. 또한 에 if 조건을 추가하여 실수로 덮어 쓰지 않도록 이미 endDate에 값이 있는지 확인할 수 있습니다.

+0

@ Teja Kantamneni - 미안, datetimepicker는 설명했던 것과 동일한 효과가 있습니까? 나는 날짜를 선택했지만 여전히 운이 없다는 경고를 받았다. $ ('# startDate) .datetimepicker ({ampm : true, minDate : 0}); $ ('# endDate) .datetimepicker ({ampm : true}); $ ('#의 startDate) .datetimepicker ({ onSelect를 : 기능 (dateText, INST) { 경고 ("ON"); $ ('# endDate가) .val ($ (이) .val()); } }); – hersh

+0

startDate에 두 개의 바인딩이 필요하지 않습니다. 둘 다 하나에 결합 될 수 있습니다. 편집을 확인하십시오 –

+0

@ Teja - 좋아, 이것은 올바른 방향으로 날 잡았지만 지금은 내가 그것을 바꿀 싶으면 끝 날짜 필드에서 날짜를 선택할 수 없게됩니다. 예를 들어 끝 날짜 필드를 클릭하면 달력이 나타납니다. – hersh