javascript - 日期时间选择器在 Bootstrap 中不起作用

Question

我想在我的引导表单中添加一个输入日期时间系统。我看到了一些例子，但没有工作。

现在我想从这个站点添加它，但它也不起作用。

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> 

谁能建议我现在应该做什么？

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