在选择 HTML 表单的文本输入字段后无法使日期选取器工作
Unable to get DatePicker work after selecting on a text input field of a HTML form
我有一个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'] ?>"/>
此代码工作正常
相关文章:
- 清除启动日期选取器值
- 启动日期选取器更改位置
- 带有日期选取器的事件
- 引导 3 日期选取器使用内联日历捕获日期
- 引导日期选取器不适用于文本框 asp.net
- 无法将日期选取器应用于使用 .load 添加到应用程序的 html 页面上的字段
- 引导日期选取器在显示时与在值上设置日期的格式不同
- 如何在引导日期选取器中限制可选择的日期范围
- 日期选取器单击事件获取日期
- jQuery 日期选取器未显示
- 多个日期选取器/最小日期引导角度日期选取器
- 正在禁用jQuery UI日期选取器日期
- JQuery UI日期选取器焦点
- 第一次单击时未显示日期选取器
- 尝试使用名称访问表中字段的日期选取器时出现问题
- 如何使用日期选取器更改日期时删除类
- 具有默认运行日期值的动态生成的日期选取器
- 日期选取器在字段中插入日期和星期
- 根据角度日期选取器中的第一个日期选取器更改第二个日期选取器中的月份
- JQuery 日期选取器子字符串,用于获取特定格式的月份