多个jquery日期时间作为表单字段不起作用
multiple jquery datetime as form field not working
当我创建只有一个"日期时间"字段的表单时:
<input type="text" id="datepicker">
可以,但当我有相同形式的乘"日期时间"字段时:
<input type="text" id="datepicker">
<input type="text" id="datepicker">
这不起作用。JQuery日期选择器仅适用于第一个输入,第二个输入不显示。什么是问题?
在我的主布局页面中,我有:
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="{$basePath}/js/main.js"></script>
在我的main.js:中
$('#datepicker').datepicker({dateFormat: "yy-m-d"});
更改代码以使用类:
<input type="text" class="datepicker">
<input type="text" class="datepicker">
并执行您的脚本,这样:
$('.datepicker').datepicker({dateFormat: "yy-m-d"});
或者使用不同的ID:
<input type="text" id="datepicker">
<input type="text" id="datepicker2">
并执行你的脚本,所以:
$('#datepicker, #datepicker2').datepicker({dateFormat: "yy-m-d"});
不能有两个id相同的DOM元素。您可以使用类:
<input type="text" class="datepicker">
<input type="text" class="datepicker">
在main.js:中
$('.datepicker').datepicker({dateFormat: "yy-m-d"});
您根本不可能拥有相同名称的id。将它们更改为类或为您的id使用唯一的名称
您的两个输入表单字段都有相同的ID。给第二个字段一个不同的ID,比如datepicker2,然后您可以使用该ID在该字段上调用datpicker。
$('#datepicker2').datepicker({dateFormat: "yy-m-d"}); // The second datepicker
除了使用ID,您还可以使用类名:
<input type="text" class="datepicker">
<input type="text" class="datepicker">
$('.datepicker').datepicker({dateFormat: "yy-m-d"}); // All datepickers with class "datepicker"
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- 添加和删除隐藏字段数组中的值,而不提交表单
- 单击鼠标,用MySQL数据填充html表单输入字段
- 带有条件字段的PHP表单
- 验证PDF表单中的字段
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 在表单中的输入字段上提交事件
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- 表单输入字段随着溢出的文本而增长
- 如何将onChange方法添加到ExtJS 4表单中的所有字段(textField)中
- 尝试使用名称访问表中字段的日期选取器时出现问题
- Javascript 表单 - 字段不是必需的
- 单击按钮时更改数据库表的字段值
- 数据表将字段值关联到按钮,而 ajax 填充表
- 返回数据表输入字段
- 更改附加表行字段jQuery的名称
- Angularjs表单/字段验证使用JavaScript函数,无需指令
- 仅在Firefox中,表脱离字段集边界
- 如何在表单提交后使用JQuery从附加到HTML表的字段中获取$_POST数组中的值
- 什么's提交表单后,从post数组中动态附加的表行字段中获取值的问题