我需要一些帮助。我不太擅长 PHP 和 JavaScript。下面是我的代码。每次添加新行时,我都想查看日期选择器。然而,结果并不如我所愿。有人可以帮我弄清楚我的错误是什么以及如何解决吗?总质量。
<html>
<head>
<title>Test Code</title>
<link type="text/css" href="css/custom-theme/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
</head>
<body>
<form>
<div id="dates">
<div>
<script>
$(function test1(){
// Datepicker
$.datepicker.setDefaults({
showOn: 'both',
buttonImageOnly: true,
buttonImage: 'calendar.gif',
buttonText: 'Calendar',
changeMonth: true,
changeYear: true,
firstDay: 1,
dateFormat: 'yy-mm-dd'
});
$('#datepicker1').datepicker();
});
</script>
<label>Date 1</label>
<input type="text" name="datepicker1" id="datepicker1" />
</div>
</div>
<div>
<input type="submit" id="submit1" value=" Add "/>
</div>
</form>
<script type="text/javascript">
var dates = document.getElementById('dates'),
template = dates.getElementsByTagName('div'),
current = template.length,
max = 20;
template = template[0];
submit1.onclick = function () {
var new_field = template.cloneNode(true);
current += 1;
new_field.innerHTML = new_field.innerHTML.replace(/1/g, current);
dates.appendChild(new_field);
return false;
};
document.body.appendChild(add_link);
</script>
</body>
</html>
最佳答案
将您的日期选择器代码置于文档就绪状态。
$(document).ready(function() {
$('#datepicker1').datepicker();
});
关于javascript - 每次在 PHP 中添加新行时查看 javaScript datepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20605788/