내 코드가 localhost에서 작동하지 않는 이유는 무엇입니까? 사용자가 달력을 열고 날짜를 선택하면 경고 메시지가 팝업으로 표시되어야하지만 그렇지 않습니다. jsfiddle.net에서 작동 중입니다.
<!doctype html>
<html>
<head>
<title>Zebra_DatePicker examples</title>
<link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/14855/zebra/css/default.css" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/Zebra_datepicker/1.9.4/javascript/zebra_datepicker.js"></script>
</head>
<body>
<input type="text" class="datepicker" id="date1" value="Select First Date"/>
<input type="text" class="datepicker" id="date2" value="Select Last Date"/>
<script>
$(document).ready(function() {
$(".datepicker").Zebra_DatePicker({ format: "d-m-y" });
});
$("#date1").Zebra_DatePicker({
onSelect: function() {
$(this).change();
alert($(this).context.value);
}
});
</script>
</body>
</html>
좋아, 나는 주위를 훑어보고 무엇이 문제가 될 수 있는지 발견했다.
올바르게 이해하면의 두 번째 호출을 .Zebra_DatePicker()
덮어 쓰는 것입니다. 첫 번째 선택은, $('.datepicker')
무슨 일이 일어나고 이후 보다 구체적인 $('#date1')
. 특수 날짜 선택기는 페이지로드 중에 초기화됩니다. 때 $.ready()
발생하는 특수 날짜 선택이 점점 덮어 따라서를 삭제, 다른 날짜 선택에 의해 onSelect
.
다음 $.ready
과 같이 핸들러에 둘 다 배치하여 수정할 수 있습니다 .
<!doctype html>
<html>
<head>
<title>Zebra_DatePicker examples</title>
<link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/14855/zebra/css/default.css" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/Zebra_datepicker/1.9.4/javascript/zebra_datepicker.js"></script>
</head>
<body>
<input type="text" class="datepicker" id="date1" value="Select First Date"/>
<input type="text" class="datepicker" id="date2" value="Select Last Date"/>
<script>
$(document).ready(function() {
$(".datepicker").Zebra_DatePicker({ format: "d-m-y" });
$("#date1").Zebra_DatePicker({
onSelect: function() {
$(this).change();
alert($(this).val());
}
});
});
</script>
</body>
</html>
이것은 내 localhost에서 작동했습니다.
보조 노트에서 $(this).context.value
작동하지 않는 것 입니다 jQuery를 3.0에서 사용되지 않는 (사용 할 일이). $(this).val()
대신 사용하십시오 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다