我有一个HTML编辑表单，它显示数据库中的字段并允许用户编辑数据库字段。对于其中一个被称为"拘留日期"的字段，我计划放置一个日期选择器。这样，当单击以编辑日期时，将显示一个日期选择器，我可以检索新日期并更新到数据库。我的日期格式为 mm/dd/yyyy（例如 01/28/2016）。
现在，一旦单击文本字段，我就无法让日期选择器显示。这是我的代码，请让我知道我哪里出错了，谢谢！
<script>
$(document).ready(function() {
$('#selectDate').datepicker({
dateFormat: "mm/dd/yy",
onSelect: function(dateEdit, inst) {
if (dateEdit.trim().length != 0) {
var dateSelected = new Object();
dateSelected.latedate = dateEdit;
}
}
});
});
</script>
<input id="selectDate" type="text" name="detentiondate<?php echo $StudLateDetails['lateid'] ?>" size="15" value="<?php echo $StudLateDetails['detentiondate'] ?>"/>
//This is gotten from the page source which shows the database field values
<input id="selectDate" type="text" name="detentiondate21" size="15" value="01/28/2016"/></tr>
好的，
你在文本框中添加类名，就像这样
您更改脚本包含行此顺序
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(document).ready(function() {
$('.selectDate').datepicker({
dateFormat: "mm/dd/yy",
onSelect: function(dateEdit, inst) {
if (dateEdit.trim().length != 0) {
var dateSelected = new Object();
dateSelected.latedate = dateEdit;
}
}
});
});</script>
<input id="selectDate<?php echo $StudLateDetails['lateid'] ?>" class="selectDate" type="text" name="detentiondate<?php echo $StudLateDetails['lateid'] ?>" size="15" value="<?php echo $StudLateDetails['detentiondate'] ?>"/>
此代码工作正常