Jquery 引导数据采集器

我需要没有时间的日期选择器，日期选择器。为什么看起来这么难看

@{
ViewBag.Title = "Index";
}

<h2>Index</h2>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />


<script src="~/Scripts/jquery-2.2.0.min.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>

<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>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datepicker();//.datetimepicker();
        });
    </script>
</div>

@{
ViewBag.Title=“Index”；
}
指数
$（函数（）{
$（'#datetimepicker1'）.datepicker（）；/.datetimepicker（）；
});

但是datetimepicker看起来不错

使用这个

$('#datetimepicker1').datepicker({
        format: 'dd-M-yyyy'
    });

---

之所以出现这种情况，是因为您试图使用datepicker，但包含了dateTIMEpicker的JS&CSS库。它们是两个单独的控件，使用两个单独的库。只要将脚本引用更改为指向bootstrap-datepicker.min.js和bootstrap-datepicker.min.css，您就可以开始了。

因为您使用了许多

标记

我还认为你需要使用这个：

<link rel="stylesheet" href="jquery-ui.css">

请检查bootstrap-datetimepicker.min.css是否正在加载。这与他看到的视觉问题无关。