如何为日期选择器使用 Bootstrap 可编辑字段？答案

【问题标题】：How to use Bootstrap editable field for Date picker?如何为日期选择器使用 Bootstrap 可编辑字段？
【发布时间】：2015-11-22 07:16:07
【问题描述】：

我想在 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>

所有其他可编辑字段都运行良好。我可以点击保存数据。但是，Datepicker 从未出现过。

【问题讨论】：

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

【解决方案1】：

哦！我有正确的方法来实现这一点。

<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>

【讨论】：