如何使用日期选择器的Bootstrap可编辑字段?

时间:2015-11-22 07:16:07

标签: javascript twitter-bootstrap-3 datepicker bootstrap-datepicker

我想在Bootstrap可编辑字段中实现Datepicker。已经完成了他们的文档。

        <tr>
            <td>
                <h5>Date of Birth</h5></td>
            <td>
                <h4>
                    <div class="input-group">
                        <div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy" data-pk="1" data-title="Enter Date of Birth" class="editable editable-click dob">
                            <input class="form-control" id="dob" type="text" readonly />

                            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        </div>

                    </div>

        </h4>
            </td>
        </tr>

所有其他可编辑字段都运行良好。我可以在onclick上保存数据。但是,Datepicker并没有突然出现。

1 个答案:

答案 0 :(得分:2)

0!我有正确的方法来实现这一点。

<tr>
                    <td>
                        <h5>Date of Birth</h5></td>
                    <td>
                        <h4>
                            <div class="input-group">
                                <div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy">
                                    <input class="form-control" id="dob" type="text" readonly />

                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                    <a id="dob" class="date" data-type="date" data-pk="1" data-title="Enter Date of Birth" class="editable editable-click dob"> </a>

                                </div>

                            </div>

                </h4>
                    </td>
                </tr>