tempusdominus-allowInputToggle在Bootstrap 4项目中不起作用

Question

我正在使用tempusdominus并尝试使属性JSONObject bares_json; if (success == 1){ bares_json = jsonObject.getJSONObject(KEY_DATA); } 起作用：https://tempusdominus.github.io/bootstrap-4/Options/#allowinputtoggle

这样做的目的是，当用户单击allowInputToggle时，日历应打开。与默认情况下必须单击日历图标相反。

我正在使用Bootstrap 4（以及我的图标的FontAwesome Pro-最新版本），并且具有以下标记：

<input>

我已经按照以下步骤初始化了tempusdominus：

<form class="form-inline">
    <label for="date_start" class="mr-2">From</label>
    <div class="input-group date mr-5" id="dateStart" data-target-input="nearest">
        <input type="text" class="form-control datetimepicker-input" data-target="#dateStart" autocomplete="off">
        <div class="input-group-append" data-target="#dateStart" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
        </div>
    </div>

    <label for="date_end" class="mr-2">To</label>
    <div class="input-group date mr-5" id="dateEnd" data-target-input="nearest">
        <input type="text" class="form-control datetimepicker-input" data-target="#dateEnd" autocomplete="off">
        <div class="input-group-append" data-target="#dateEnd" data-toggle="datetimepicker">
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
        </div>
    </div>

    <button class="btn btn-lg btn-primary">View notifications <i class="fas fa-chevron-right"></i></button>
</form>

当我单击日历图标时，我得到了日历：

但是当我单击输入（例如<script> $(function () { $('#dateStart').datetimepicker({ format: 'L', allowInputToggle: true, format: 'YYYY-MM-DD' }); $('#dateEnd').datetimepicker({ format: 'L', allowInputToggle: true, format: 'YYYY-MM-DD' }); }); </script> ）时，我不会：

在初始化时将#dateStart设置为allowInputToggle的目的是为了使这项工作有效。那为什么不呢？

没有控制台错误。

尝试过浏览器：Firefox 68.0.1和Chrome 76.0.3809.100。相同的行为。

使用情况： jQuery 3.2.1，moment.js 2.24.0，Bootstrap 4.0.0，Tempus Dominus Bootstrap4 v5.0.0-alpha14

Answer 1

稍晚的答复，但是我们最近也遇到了同样的问题，发现没有必要使用allowInputToggle选项。

只需将data-toggle="datetimepicker"添加到输入元素以及包含图标的div。

为here