如何在 bootstrap 3 datetimepicker 中预选日期

Posted

技术标签:

【中文标题】如何在 bootstrap 3 datetimepicker 中预选日期【英文标题】:How to preselect date in bootstrap 3 datetimepicker 【发布时间】:2015-12-19 01:03:50 【问题描述】:

我正在使用Bootstrap 3 Datepicker,因为我正在尝试关注

<div class='input-group date datetimepicker1'>
     <input type='text' name="actEndDate" placeholder="End Date"  class="form-control" required/>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

并通过以下方式调用它

 $(".datetimepicker1").datetimepicker();

工作正常

现在我在点击其他字段时使用 javascript 更改日期,我有日期格式,例如 2015 年 11 月 4 日,为此我正在尝试关注

   $('.datetimepicker1').datetimepicker(
        defaultDate: "11/1/2013"

    );

现在如何预选日期?

注意:它与 jquery datepicker 不同

【问题讨论】:

你试过这个吗? ***.com/questions/11507508/… @PaolaG 你可以看到 datepicker 与 datetimepicker 不同:( 【参考方案1】:

我认为你的问题是这样的:

<script type="text/javascript">
            $(function () 
                $('#datetimepicker5').datetimepicker(
                    defaultDate: "11/1/2013",
                    disabledDates: [
                        moment("10/2/2013"),
                        new Date(2013, 11 - 1, 21),
                        "11/22/2013 00:53"
                    ]
                );
            );
        </script>

其他疑问可以看this页面。

设置 defaultDate 参数是解决它的正确方法。

【讨论】:

以上是关于如何在 bootstrap 3 datetimepicker 中预选日期的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 和 bootstrap-datetimepicker 获取两个日期,但它们之间的日差错误

存储过程中的空参数

如何在 Bootstrap 中制作 3 级折叠菜单?

如何在 bootstrap 3.0 中使用字形图标

如何在 bootstrap 3 中使用 bootstrap-theme.css?

如何在 VS2017 上将 ASP.MVC 脚手架从 Bootstrap 3 更新到 Bootstrap 4?