编程语言
首页 > 编程语言> > javascript-bootstrap-datetimepicker.js在MVC 5中不起作用

javascript-bootstrap-datetimepicker.js在MVC 5中不起作用

作者:互联网

我已经使用MVC 5从http://eonasdan.github.io/bootstrap-datetimepicker/测试了一些示例.我正在安装Bootstrap 3 Datetimepicker(https://www.nuget.org/packages/Bootstrap.v3.Datetimepicker/).

我必须在BundleConfig.cs中添加此代码

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                      "~/Scripts/bootstrap.js",
                      "~/Scripts/bootstrap-datetimepicker.min.js",//adding code
                      "~/Scripts/respond.js")); 

这是我认为的代码

@{
    ViewBag.Title = "Home Page";
}

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
@section Scripts {
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
}

但是网页加载有一些问题

该页面应如下所示

但看起来像这样

我正在看这个论坛http://forums.asp.net/t/1988610.aspx?Bootstrap+v3+DateTimePicker+in+MVC+5,显然有这个问题.

有任何想法吗??????

解决方法:

嗨,我使用问题MVC4 Eonasdan Bootstrap 3 Date Time picker doesn´t open the picker screen中@ tieson-t的答案解决了我的问题.
请参阅推荐页面.

标签:twitter-bootstrap-3,javascript,asp-net-mvc
来源: https://codeday.me/bug/20191029/1957307.html