我正在使用“jquery-1.9.1.js”,我的javascript代码如下:
$('.fromSearch').on('focus', function(){
var $this = $(this);
if(!$this.data('datepicker')) {
$this.removeClass("hasDatepicker");
$this.datepicker();
$this.datepicker("show");
}
});
我的HTML代码是这样的:
<div id="duration" class="duration">
<td><input type="text" id="fromSearch" class="fromSearch"></td>
</div>
问题: 我动态地生成“fromSearch”(日期选择器),让我们说5个日期选择器,但我只是第一次得到日期选择器!
我一直致力于提供类似问题的解决方案,但它们都不适合我。任何人都可以帮我弄清楚我哪里出错吗? 谢谢你的时间。 :)
答案 0 :(得分:3)
您可以尝试如下:
$('body').on('focus', '.fromSearch', function(){
$(this).datepicker();
});
<强>更新强>
将日期传递给onselect
中的函数写datepicker
事件,如下所示:
$('body').on('focus', '.fromSearch', function(){
$(this).datepicker({
onSelect: function (dateText, inst) {
//do necessary actions
}
});
});
答案 1 :(得分:0)
您的代码似乎有效。您需要确保包含jQuery-ui。 DatePicker没有与jQuery捆绑在一起