jquery - 从 DatePicker 范围移动到 DateTimePicker 范围？

Question

我已经成功实现了具有“范围”类型的 DatePicker 元素，如 here 所示。 (选择范围单选)，但是我正在尝试切换到 DateTimePicker，但不知道如何保留此布局和格式。

我希望当用户单击输入字段时显示日历 - 对他们显示的按钮不感兴趣 here 。但是，每当我删除 <span>该按钮的元素整个事情都中断了，不知道为什么。

这是代码:

<div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
    <input class="form-control" size="16" type="text" value="" readonly>
    <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
</div>
<input type="hidden" id="dtp_input1" value="" />

JS:

$('.form_datetime').datetimepicker({
    //language:  'fr',
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1
});

我想知道是否可以为 DateTimePicker 进行范围类型输入，如果可以，我做错了什么？

Answer 1

我见过的唯一的事情就是像这样将它们两个链接在一起。

<div class="container">
        <div class='col-md-5'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker6'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class='col-md-5'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker7'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker6').datetimepicker();
            $('#datetimepicker7').datetimepicker({
                useCurrent: false 
            });
            $("#datetimepicker6").on("dp.change", function (e) {
                $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
            });
            $("#datetimepicker7").on("dp.change", function (e) {
                $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
            });
        });
    </script>

查看 https://eonasdan.github.io/bootstrap-datetimepicker/#linked-pickers这是我从哪里得到它的，它对我有用。