0

モデルを使用して別のページにロードしています。ページには日付ピッカーがあるはずですが、表示されません。モデルを使用せずにページをロードすると、日付ピッカーは正常に機能します。

バインドしようとしている要素がまだ存在しないため、読み込まれた要素に .datetimepicker をバインドするには、追加の Jquery が必要であることに気付きました。

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

.ready ではなく .load を使用してみましたが、.load では 2 番目のアラートが表示されません。.ready を使用すると、2 番目のアラートが表示されますが、日付ピッカーはまだ機能しません。

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 の問題ではないようですが、.load/.ready ではなく .click を使用するだけです。

これで、モデルが呼び出されます:

<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 に答える