使用Range Datepicker jquery插件

时间:2017-05-22 10:08:08

标签: javascript jquery html

我在网站上工作,我想添加一个范围日期选择器表单。正如我所做的那样,我不断收到此错误:

  

未捕获的TypeError:无法读取null“

的属性”firstChild“

我尝试了所有的东西并在各处搜索但找不到任何解决方案。我在尝试合并自动完成谷歌地图插件时也遇到了同样的错误。

<div class="container">
  <input type="text" name="datarange"/>
</div>

以上是我使用datepicker的HTML。

<script>
  $('input[name="daterange"]').daterangepicker();
</script>

以上是脚本标记。

我从http://www.daterangepicker.com/

获取源代码和文档

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
$(document).ready(function(){
  $('input').daterangepicker({});
});
&#13;
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>

<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />

<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />

<div class="container">
  <input type="text" name="datarange"/>
</div>
&#13;
&#13;
&#13;

请检查查询选择器和正确添加的库

并检查下面的代码是否有效。 谢谢希望代码可以帮助你。 请检查此链接Fiddle Code