如何在 Mvc 应用程序中使用 Bootstrapdatepicker 添加 Datepicker？答案

【问题标题】：How Do I Add Datepicker Using Bootstrapdatepicker In Mvc Application?如何在 Mvc 应用程序中使用 Bootstrapdatepicker 添加 Datepicker？
【发布时间】：2015-04-01 07:30:49
【问题描述】：

如何在 MVC 应用程序中使用 bootstrapdatepicker 添加日期选择器？

我正在使用 .net MVC 创建一个应用程序。我想添加日期选择器。我使用 nu-get 包下载了 bootstrapdatepicker。谁能解释一下如何使用它？我在下面尝试过，但它不起作用。

添加了js和css文件

datepicker3.css
bootstrap-datepicker.js

然后我在我的页面中添加了一个输入框隐藏复制代码

<input type="text" id="gd" type="text" class="form-control">

也添加了下面的代码隐藏复制代码

$(document).ready(function () {
  $("#gd").datepicker({
    calendarWeeks: true
  });
});

请建议您是否有其他方法可以做到这一点，或者向我解释如何使用 nuget 包做到这一点？但是当我点击输入框时什么也没有出现。但我期待 datepicker 填充。这里有什么问题？

【问题讨论】：

您是否在浏览器控制台中遇到任何错误？
您是否包括引导程序？代码在<script> 标签中吗？
jsfiddle.net/Lnj43bxL/1

标签： javascript jquery css asp.net-mvc datepicker

【解决方案1】：

在工具栏中寻找工具按钮，选择 nuget 包管理器，选择包管理器控制台，键入包管理器控制台“Install-Package datepicker

【讨论】：

【解决方案2】：

你需要有

jQuery 1.7.1+
引导程序 2.0.4+
datepicker.js
datepicker.css

让Datepicker 工作。它不适合您的原因可能是因为您从NuGet package 安装了datepicker，但下载的文件不包含在您想要datepicker 的文件中。请确保以下所有文件都按顺序包含在内。它应该可以工作。

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"></script>
<script src="~/Scripts/bootstrap-datepicker.min.js"></script>
<link href="~/Content/bootstrap-datepicker.min.css" rel="stylesheet" />

这是对我有用的代码。

【讨论】：