日期选择器重新加载问题答案

【问题标题】：Datepicker reload issue日期选择器重新加载问题
【发布时间】：2015-06-04 09:47:44
【问题描述】：

使用 datepicker 插件我收到以下错误

TypeError: $(...).daterangepicker 不是函数 HTMLDocument.eval（评估在 (https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:2:2538), :6:31) 在 m.Callbacks.j (eval at (https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:2:2538), :2:27295) 在 Object.m.Callbacks.k.add [as done] (eval 在

【问题讨论】：

能否请您提供您尝试过的代码以获取此错误

标签： jquery-ui-datepicker bootstrap-datepicker

【解决方案1】：

$(function() {
    $('input[name="daterange"]').daterangepicker();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/2.9.0/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3.3.2/css/bootstrap.css" />

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/1/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/1/daterangepicker-bs3.css" />
<input type="text" name="daterange" value="01/01/2015 - 01/31/2015" />

请确保您以正确的顺序包含正确的脚本文件：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="moment.js"></script>
<script type="text/javascript" src="daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap.css" />
<link rel="stylesheet" type="text/css" href="daterangepicker-bs3.css" />

您可以在此处下载这些脚本：
http://www.jsdelivr.com/

【讨论】：

是的，我一直在使用相同的。即使我遇到了这个问题..谁能帮帮我..
@Venigalla 请向我们展示您的代码，编辑您的问题
@Venigalla 我为你创建了一个 sn-p，相应地更改你的代码
@Venigalla 这个答案是否解决了您的问题？
angular.min.js,angular-route.min.js,angular-cookies.js,d3.v3.min.js,d3.min.js,jquery.js,bootstrap.js, moment.js，daterangepicker.js 这些是我正在使用的 js 文件。如果我先放置我的 angular js 文件，然后放置日期选择器文件 ..datepicker 功能不起作用。反之亦然，我会遇到类似.. $ 的错误(...).daterangepicker 不是 HTMLDocument.eval 的函数。请帮帮我