첫 번째 필드에 캘린더 아이콘을 유지하는 방법

Question

datepicker를 사용하여 시작일과 종료일에 대한 양식이 있습니다.

<input name="dateBegin" id="start" type="text" title="<?php echo date("m/d/Y"); ?>" style="position: relative; z-index: 10;" /> 
<input name="dateEnd" id="end" type="text" title="<?php echo date("m/d/Y"); ?>" style="position: relative; z-index: 10;" /> 

"있는 그대로"사용하면 두 필드 모두에 일정 아이콘이 표시됩니다.

다음 코드 (아래)를 양식에 첨부하면 (시작 날짜의 값으로 종료 날짜가 설정 됨) 시작 날짜의 일정 아이콘이 사라집니다.

추가 코드가있는 경우에도 캘린더 아이콘을 고정하려면 어떻게해야합니까?

<script> 
$('#start').datepicker({ 
onSelect: function(dateText, inst) { 
$("#end").val(dateText); 
} 
}); 
</script> 

Answer 1

글쎄, 난 당신이 일부 수정을 여기에 주어 만든 코드를 통과했다 :

$(document).ready(function() { 
$('#start').datepicker({ 
showOn: "button", 
buttonImage: "http://keith-wood.name/img/calendar.gif", 
buttonImageOnly: true , 
onSelect: function(dateText, inst) { 
$("#start").val(dateText); 
} 
}); 

$('#end').datepicker({ 
showOn: "button", 
buttonImage: "http://keith-wood.name/img/calendar.gif", 
buttonImageOnly: true , 
onSelect: function(dateText, inst) { 
$("#end").val(dateText); 
} 
}); 
}); 

을이 LIVE DEMO을보십시오. http://jsfiddle.net/XXa7h/5/

편집 : 좋아,이 솔루션은 아래 두 곳에서 시작 날짜를 설정합니다

는 경우에, 당신은, 요이 하나를 시도 할 수 있습니다 옆에있는 필드 측 모두를 유지하려는.

이를 참조하십시오 http://jsfiddle.net/XXa7h/7/

당신은 내가 여전히 라인을 유지 한 것을 볼 수 있습니다 : $("#end").val(dateText); 주석을. 이 경우 사용자가 End 필드에서 날짜를 선택하지 말고 주석 처리하거나 제거하십시오. 희망이 충분합니다! 건배!