引导 Datetimepicker 忽略所有选项答案

【问题标题】：Bootstrap Datetimepicker ignoring all options引导 Datetimepicker 忽略所有选项
【发布时间】：2014-09-30 23:34:27
【问题描述】：

嘿，我正在尝试使用引导程序 datetimepicker，但似乎我设置的每个选项都被忽略了。显示默认的日期时间选择器，但我无法使用给定的in the documentation 选项以任何方式修改它。你可以找到（不）工作的fiddle example here，我正在设置sideByside 属性，这显然是不工作的。

这是我的javascript

$(function () {
    $('#bootstrap-datetimepicker-wrapper').datetimepicker({
        defaultDate: "11/1/2013",
        disabledDates: [
            moment("10/02/2014"),
            new Date(2014, 10, 21),
            "10/05/2014 00:53"
        ],
        sideBySide: true,
    });
});

在 html 网站上，我几乎使用here 描述的最低设置

【问题讨论】：

究竟是什么不适合您？似乎在 Chrome 中运行良好。
@FilipB.Vondrášek 为我显示默认的日期时间选择器，仅设置选项不起作用。我编辑了问题以使其更清楚。如果您愿意，您可以尝试使用这些选项（在此处描述：eonasdan.github.io/bootstrap-datetimepicker/#options）。对我来说，在 chrome 和 firefox 中它不起作用（例如，在小提琴中你会看到它显然没有并排显示，但我设置了该选项）
您确定包含正确的 JS 文件吗？您的小提琴中的文件指向这个仓库：github.com/smalot/bootstrap-datetimepicker - 如果您查看他们的网站 (malot.fr/bootstrap-datetimepicker/demo.php) 并查看示例，它们似乎与您的代码完全不同 - 您的任何属性都不受支持，因此被忽略跨度>
@BirgitMartinelle 非常感谢！但似乎问题没有解决。我更新了小提琴，现在包含了他们在这里所做的相同文件：eonasdan.github.io/bootstrap-datetimepicker/#options（即官方文档/演示），它看起来完全不同。但不知何故，这些选项仍然被忽略（这对我来说似乎有点巧合）......但是非常感谢那个提示，我很困惑，因为有两个不同的日期时间选择器具有几乎相同的标记和功能以及用户数字..

标签： javascript jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-datetimepicker

【解决方案1】：

确保您检查所包含的 JS 库是否与您用于实现的示例/文档相匹配。你原来的小提琴从这里提取来源：http://www.malot.fr/bootstrap-datetimepicker/，但你遵循了这个插件的说明：http://eonasdan.github.io/bootstrap-datetimepicker/

好的 - 看看这个小提琴：http://jsfiddle.net/bdv8nrhw/3/

你的第二次尝试非常接近 - 你仍然使用

`<input value="" class="form-control" id="id_starting_time" name="starting_time" title="" type="text" data-date-pickDate="false" />`

data-date-pickDate="false" 阻止您的日期选择器工作。您也不必使用

进行初始化

pickDate: true,
pickTime: true

无论如何，这些都是默认值 - 它们不会造成伤害，但也不是必需的 - 享受吧；）

【讨论】：

谢谢，我想如果你在答案中提到我第一次使用错误的库可能会很好，因为它们实际上非常相似且容易混淆，也许它会对某人有所帮助