나는 캘린더 버튼을 클릭하면 날짜 선택 도구가 열리고 입력 텍스트 상자에 날짜가 표시됩니다. 내가 원하는 일은 두 번째 텍스트 상자에 30 일 이후의 날짜로 자동 완성됩니다. 내가 jquery와 함께 작동하도록하는 것이 문제가되고있다.jquery에서 두 번째 클릭시 함수 실행
HTML :
<tr>
<td align = "center">Entry Date From: <input id="ENTRYDATEFROM" name="ENTRYDATEFROM" type="text" maxLength="10" size="12" value="">
<img height="20"src="calendarsrc" id="entrySrc"></td>
<td align = "center">Entry Date To: <input id="ENTRYDATETO" name="ENTRYDATETO" type="text" maxLength="10" size="12" value="">
<img height="20"src="calendarsrc" id="entrySrc2"></td>
</tr>
JQUERY :
$(document).ready(function() {
$("#entrySrc").click(function(){
gAnytime.fPopCalendar(document.myform.ENTRYDATEFROM);
});
$("#entrySrc2").click(function(){
gAnytime.fPopCalendar(document.myform.ENTRYDATETO);
});
//Tried this but had no success
//$(document).on("change", "#entrySrc", populate);
});
function populate(){
var q = $("#ENTRYDATEFROM");
var dateTo = new Date(q.val());
var newDate = new Date(dateTo.setDate(dateTo.getDate() + 30));
var formatted = padNumber(newDate.getUTCMonth() + 1) + '-' + padNumber(newDate.getUTCDate()) + '-' + newDate.getUTCFullYear();
$("#ENTRYDATETO").val(formatted);
}
function padNumber(number) {
var string = '' + number;
string = string.length < 2 ? '0' + string : string;
return string;
}
이 내 GUI 아무것도 클릭하기 전에 모습입니다 :
이 내가 클릭 할 때 발생하는 것입니다 inent의 오른쪽에있는 #entrySrc 캘린더 버튼 유타 텍스트 상자
그때 내가 그 달력 상자에서 원하는 날짜를 클릭 할 수 있습니다. 입력 텍스트 상자가 왼쪽에 채워집니다.
캘린더 상자에있는 두 번째 클릭에 대해 채우기 기능을 실행하려면 어떻게해야합니까?
나는 심지어와 mouseUp 및 mousedown을하는만큼 멀리 갔다 ....하지만 :( –
는 어떻게이 수 –
귀하의 클릭 핸들러가 성취하려는 것을 해결하려고합니다 ... JSFiddle에서 귀하의 HTML 코드를 제공해 주시겠습니까? –