日期时间选择器在引导程序中不起作用

时间:2018-08-02 06:56:11

标签: javascript html css bootstrap-4

我想以自举程序形式添加输入日期时间系统。我看到了一些例子,但没有用。

现在,我想从此站点添加此文件,但它也无法正常工作。

https://www.malot.fr/bootstrap-datetimepicker/demo.php

<div class="input-append date form_datetime" data-date="2013-02-21T15:25:00Z">
    <input size="16" type="text" value="" readonly>
    <span class="add-on"><i class="icon-remove"></i></span>
    <span class="add-on"><i class="icon-calendar"></i></span>
</div>

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        startDate: "2013-02-14 10:00",
        minuteStep: 10
    });
</script> 

有人可以建议我现在该怎么做吗?

1 个答案:

答案 0 :(得分:1)

您已将form_datetime类分配给div。 datetimepicker应该应用于输入文本框。您提供的网址也说明相同。

form_datetime应用于文本框而不是div。

尝试如下。

<div class="input-append date" data-date="2013-02-21T15:25:00Z">
    <input size="16" type="text" value="" readonly class="form_datetime">
    <span class="add-on"><i class="icon-remove"></i></span>
    <span class="add-on"><i class="icon-calendar"></i></span>
</div>

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        startDate: "2013-02-14 10:00",
        minuteStep: 10
    });
</script>