jquery在动态元素上调用日期选择器
jquery calling datepicker on dynamic elements
我试图在动态创建的元素上调用日期选择器,但不起作用。我知道我的格式不正确。有人知道怎么做吗?
$("body").on('click', '.startNew', function() {
$(".startNew").datepicker({
dateFormat : "yy-mm-dd 00:00:00",
numberOfMonths: 2,
onSelect: function(selected) {
$(".endNew").datepicker("option","minDate", selected)
}
});
});
$("body").on('click', '.endNew', function() {
$(".endNew").datepicker({
dateFormat : "yy-mm-dd 00:00:00",
numberOfMonths: 2,
onSelect: function(selected) {
$(".startNew").datepicker("option","maxDate", selected)
}
});
});
已更新。尝试更改(正文->文档;单击->焦点)
来自
$(body).on('click',".startNew", function(){
$(".startNew").datepicker({
$(body).on('click',".endNew", function(){
$(".endNew").datepicker({
至
$(document).on('focus',".startNew", function(){
$(this).datepicker({
$(document).on('focus',".endNew", function(){
$(this).datepicker({
工作FIDDLE
HTML
Start: <input class='endNew'><br/><br/>
End: <input class='startNew'>
JS
$(document).on('focus',".startNew", function(){
$(this).datepicker({
dateFormat : "yy-mm-dd 00:00:00",
numberOfMonths: 2,
onSelect: function(selected) {
$(".endNew").datepicker("option","minDate", selected)
}
});
});
$(document).on('focus',".endNew", function(){
$(this).datepicker({
dateFormat : "yy-mm-dd 00:00:00",
numberOfMonths: 2,
onSelect: function(selected) {
$(".startNew").datepicker("option","maxDate", selected)
}
});
});
问题是第一次点击正在初始化插件,但这不会显示日期选择器,因为日期选择器点击处理程序是在点击事件之后添加的。所以
$("body").on('click', '.startNew', function () {
if (!$(this).hasClass('hasDatepicker')) {
$(this).datepicker({
dateFormat: "yy-mm-dd 00:00:00",
numberOfMonths: 2,
onSelect: function (selected) {
$(".endNew").datepicker("option", "minDate", selected)
}
}).datepicker('show');
}
});
$("body").on('click', '.endNew', function () {
if (!$(this).hasClass('hasDatepicker')) {
$(this).datepicker({
dateFormat: "yy-mm-dd 00:00:00",
numberOfMonths: 2,
onSelect: function (selected) {
$(".startNew").datepicker("option", "maxDate", selected)
}
}).datepicker('show');
}
});
在这种情况下,您试图惰性地初始化插件,但更好的解决方案是在创建目标元素.startNew
和.endNew
之后初始化插件。
相关文章:
- 在CouchDB Map函数中发出日期时-对日期对象调用的内容
- 如何调用日期函数并在接下来的 6 天插槽中显示
- jquery在动态元素上调用日期选择器
- 查询日期时间选择器未在另一个函数调用中获取日期
- 当在运行nodejs的服务器上调用new Date()时,Date将返回服务器启动时的日期
- JS根据AJAX调用传递的值创建日期对象
- 如何为引导日期选择器调用javascript函数
- 如何在日期选择器 jquery 的 Select 事件上调用 js 函数
- 通过函数调用 JQuery UI 日期选择器
- 在 ajax 调用中加载日期选择器,然后单击不起作用
- 初始化引导日期选择器后调用 noConflict()
- 将日期参数传递给 MVC 操作的 ajax 调用的安全方法
- 流星:如何让 JS 日期范围选择器调整 API 调用日期参数
- Jquery ajax 调用从日期选择器上选择消失文本框
- 如何在引导程序日期选择器上调用更改事件
- 当从客户端从ajax调用检索时,我在服务器上的日期时间增加了12.30小时
- 多次调用日期,返回相同的结果
- 当使用类似的参数调用日期构造函数时,会提供意外的结果
- 如何使用angularjs在页面加载中调用日期选择器Jquery插件
- 如何为多个输入元素调用日期范围选择器