升级到 jquery 3.3.1 后 Datepicker 不工作答案

【问题标题】：Datepicker not working after upgrade to jquery 3.3.1升级到 jquery 3.3.1 后 Datepicker 不工作
【发布时间】：2018-08-31 01:11:44
【问题描述】：

我正在做一个 C# MVC 项目。 Datepicker 停止工作，我将其范围缩小到导致它的原因，但没有解决方案...

我在布局页面中更改了一行代码，它破坏了日期选择器。具体从 jquery-1.11.1.min.js 到 jquery-3.3.1.min.js

此布局有效：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>

<script src="~/Scripts/jquery-1.11.1.min.js"></script>

<script src="~/Scripts/modernizr-2.6.2.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.timepicker.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datepicker.min.js"></script>
<script src="~/Scripts/mvcfoolproof.unobtrusive.min.js"></script>
<script src="~/Scripts/MvcFoolproofJQueryValidation.min.js"></script>

<link href="~/Content/jquery.timepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" />
<link href="~/Content/font-awesome.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link href="~/Content/Menu.css" rel="stylesheet" />
<link href="~/Content/Site.css" rel="stylesheet" />
</head>

这种布局破坏了日期选择器：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>

<script src="~/Scripts/jquery-3.3.1.min.js"></script>

<script src="~/Scripts/modernizr-2.6.2.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.timepicker.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datepicker.min.js"></script>
<script src="~/Scripts/mvcfoolproof.unobtrusive.min.js"></script>
<script src="~/Scripts/MvcFoolproofJQueryValidation.min.js"></script>

<link href="~/Content/jquery.timepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" />
<link href="~/Content/font-awesome.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
<link href="~/Content/themes/base/jquery.ui.theme.css" rel="stylesheet" />
<link href="~/Content/Menu.css" rel="stylesheet" />
<link href="~/Content/Site.css" rel="stylesheet" />
</head>

所以 Datepicker 不会在输入下方弹出日历，而只是在输入上方弹出一条粗白线。

我无法解决这个问题。帮忙？

【问题讨论】：

您使用的是最新版本的 datepicker 库吗？
您在控制台中遇到的错误是......？
控制台中没有错误。我正在努力弄清楚我是否拥有最新的 datepicker 库。我继承了这个项目，现在要进入 Nuget 包管理器。知道最新版本是什么样的吗？
我猜这个？ eonasdan.github.io/bootstrap-datetimepicker/Installing/#nuget
能否请您指定您正在使用的日期选择器和版本 - 引导日期选择器或 jQuery UI 日期选择器？

标签： javascript jquery css twitter-bootstrap-3 datepicker

【解决方案1】：

我需要 Bootstrap.Datepicker v1.7.1....

它引入了一些新的 .css 文件并覆盖了项目中的一些内容，现在 datepicker 日历正在工作。

我需要 bootstrap-datepicker.css 中的新代码。我的代码不是最新的。还需要 bootstrap-datepicker.js 和 bootstrap-datepicker.min.js 中的新代码

我删除了包管理器带来的所有其他内容，一切正常。

【讨论】：