Eonasdan Bootstrap 日期时间选择器不工作

Posted 2023-02-26

【中文标题】Eonasdan Bootstrap 日期时间选择器不工作

【英文标题】：Eonasdan Bootstrap datetimepicker is not working

【发布时间】：2015-08-19 11:05:47

【问题描述】：

在我的 _Layout 视图中，我将此作为脚本（还添加了 CSS）：

<!-- jQuery -->
        <script src="/Content/themes/sb-admin-2/jquery/dist/jquery.min.js"></script>
        <!-- Bootstrap Core javascript -->
        <script src="/Content/themes/sb-admin-2/bootstrap/dist/js/bootstrap.min.js"></script>
        <!-- Morris Charts JavaScript -->
        <script src="/Content/themes/sb-admin-2/raphael/raphael-min.js"></script>
        <script src="/Content/themes/sb-admin-2/morrisjs/morris.min.js"></script>
        <script src="/Content/themes/sb-admin-2/js/morris-data.js"></script>
        <!-- Moment -->
        <script src="/Scripts/moment-with-locales.min.js"></script>
        <!-- DateTimePicker -->
        <script src="/Content/datetimepicker/bootstrap-datetimepicker.js"></script>
       
       
        <!-- Custom Theme JavaScript -->
        <script src="/Content/themes/sb-admin-2/js/sb-admin-2.js"></script>

<script>

    $(document).ready(function () 
        debugger;
        $('.datetimepicker').datetimepicker(


            sideBySide: true
        );
    );

</script>

而且，在我看来，我想在哪里显示 datetimepicker 我有这个：

<div class="row">
                    <div class="form-group col-md-6">
                        <label>Publish Date</label>
                        <div class="input-group" id="datetimepicker">
                            @html.TextBoxFor(x => x.PublishDate, new  @class = "form-control datetimepicker", placeholder = "Date", required = "required" )
                            <div class="input-group-addon"><i class="fa fa-calendar"> </i></div>
                        </div>
                    </div>
                </div>

我尝试了很多方法来显示 datetimepicker，有人知道我的问题吗？我没有在控制台中抛出错误，我尝试调试但我什么也没找到。

【参考方案1】：

您的 div 具有 id="datetimepicker" 但您正在使用类“.datetimepicker”的选择器。 尝试改变：

$('.datetimepicker').datetimepicker( 并排：真 );

进入

$('#datetimepicker').datetimepicker( 并排：真 );