0

我正在使用模型加载另一个页面。页面上应该是一个日期选择器，但它没有显示出来。如果我只加载页面而不使用模型，则日期选择器可以正常工作。

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

         $("#EditContentLog1bt").live("click", function () {
                alert("test1");
            $("#datepick").ready(function () {
                alert("test2");
                $("#datepick").datetimepicker({
                    pickTime: false,
                       format: "dd/MM/yyyy",
                });
            });
        });

我尝试使用 .load 而不是 .ready 但使用 .load 我没有收到第二个警报。使用 .ready 我得到第二个警报，但日期选择器仍然不起作用。

html:

  <div class="control-group">
    <label for="followup" class="control-label">Date</label>
    <div class="controls">
        <div id="datepick" class="input-append date">
            <input type="text" name="date" value="<?php echo date('d-m-Y', strtotime($contactLog->follow_up_date)); ?>">
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
        </div>
    </div>
</div>
<div class="control-group">
    <label for="followup" class="control-label">Time</label>
    <div class="controls">
        <div id="timepick" class="input-append date">
            <input type="text" name="time" value="<?php echo date('H:i', strtotime($contactLog->follow_up_date)); ?>">
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
        </div>
    </div>
</div>

这似乎不是 z-index 问题，因为我已经让 datepicker 在另一个模型中工作，但只能使用 .click 而不是 .load/.ready。

这是现在调用的模型：

<a data-toggle="modal" data-target="#myModal" id="EditContentLog1bt" href="<?php echo site_url('manager/editContactLog/' . base64_encode($this->encrypt->encode($log->id))); ?>" class="btn btn-primary contactLog">Edit</a>

这是模型的 html：

<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…&lt;/p>
 </div>
 <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
 </div>

4

2 回答 2

1

尝试这个

$(function() {

$("#open_popup").click(function(){
$("#date").datepicker();
    $( "#dialog" ).dialog({
      height:300,
        width:400 ,
        modal: true});
})

 });

工作示例

于 2013-07-09T12:13:54.713 回答
0

我已经解决了这个问题：

$('#myModal').on('shown', function () {
    $("#datepick").datetimepicker({
        pickTime: false,
        format: 'dd/MM/yyyy',
    });
});
于 2013-07-09T11:46:47.370 回答