Jquery 加载时将.datetimepicker添加到inputbox
我正在使用一个模型加载另一个页面。页面上应该有一个日期选择器,但它不会出现。如果我只是加载页面而不使用模型,那么日期选择器工作正常 我意识到,因为我试图绑定到的元素还不存在,所以我需要一些额外的Jquery来将.datetimepicker绑定到加载后的元素Jquery 加载时将.datetimepicker添加到inputbox,jquery,twitter-bootstrap,datepicker,Jquery,Twitter Bootstrap,Datepicker,我正在使用一个模型加载另一个页面。页面上应该有一个日期选择器,但它不会出现。如果我只是加载页面而不使用模型,那么日期选择器工作正常 我意识到,因为我试图绑定到的元素还不存在,所以我需要一些额外的Jquery来将.datetimepicker绑定到加载后的元素 $("#EditContentLog1bt").live("click", function () { alert("test1"); $("#datepick").
$("#EditContentLog1bt").live("click", function () {
alert("test1");
$("#datepick").ready(function () {
alert("test2");
$("#datepick").datetimepicker({
pickTime: false,
format: "dd/MM/yyyy",
});
});
});
我已经尝试使用.load而不是.ready,但是使用.load我没有进入第二个警报。准备好了。我进入第二个警报,但日期选择器仍然不工作
Html:
日期
我已经解决了这个问题:
$('#myModal').on('shown', function () {
$("#datepick").datetimepicker({
pickTime: false,
format: 'dd/MM/yyyy',
});
});
试试这个
$(function() {
$("#open_popup").click(function(){
$("#date").datepicker();
$( "#dialog" ).dialog({
height:300,
width:400 ,
modal: true});
})
});
.live()
在jQuery 1.7中被折旧,在1.9中被删除。您建议我使用什么替代方法?在.on上使用,如$(“#EditContentLog1bt”)。在(“单击”,函数(){
有关更多信息,请检查您是否使用ajax或post获取modal的内容??我只是在使用内置的引导功能,我将很快添加代码。
<div id="myModalform" style="width:700px; margin-left:-380px;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
$('#myModal').on('shown', function () {
$("#datepick").datetimepicker({
pickTime: false,
format: 'dd/MM/yyyy',
});
});
$(function() {
$("#open_popup").click(function(){
$("#date").datepicker();
$( "#dialog" ).dialog({
height:300,
width:400 ,
modal: true});
})
});