Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 加载时将.datetimepicker添加到inputbox_Jquery_Twitter Bootstrap_Datepicker - Fatal编程技术网

Jquery 加载时将.datetimepicker添加到inputbox

Jquery 加载时将.datetimepicker添加到inputbox,jquery,twitter-bootstrap,datepicker,Jquery,Twitter Bootstrap,Datepicker,我正在使用一个模型加载另一个页面。页面上应该有一个日期选择器,但它不会出现。如果我只是加载页面而不使用模型,那么日期选择器工作正常 我意识到,因为我试图绑定到的元素还不存在,所以我需要一些额外的Jquery来将.datetimepicker绑定到加载后的元素 $("#EditContentLog1bt").live("click", function () { alert("test1"); $("#datepick").

我正在使用一个模型加载另一个页面。页面上应该有一个日期选择器,但它不会出现。如果我只是加载页面而不使用模型,那么日期选择器工作正常

我意识到,因为我试图绑定到的元素还不存在,所以我需要一些额外的Jquery来将.datetimepicker绑定到加载后的元素

         $("#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});
})

 });