Question

如何使用bootstrap的daterangepicker插件

Answer 1

目前，bootstrap有两种日历。datepicker和datetimepicker，后者是前者的拓展。对于前者，如果箭头图标不显示，我的解决时，却下载最新的压缩包，放入项目中，确保bootstrap的css和datepicker的css文件引入，还有对应的js文件引入即可。
对于后者，确保上述文件引入的正确的同时（注意是datatimepicker相应的文件），还要有显示图标依赖的less文件dropdowns.less和sprites.less等（在bootstrap的less文件夹中应该都有）。
这样就能显示图标了。

再次申明，boot的datepicker和datetimepicker不同。

Answer 2

包含对jQuery，bootstrap框架的引用，以及日期处理用的moment.js,最后加载上这个插件的js和css文件
然后和大部分jq插件一样，该插件也是对$.fn的扩展所以进行以下的操作来使用这个控件

<script type="text/javascript">
$(document).ready(function() {
$('input[name="daterange"]').daterangepicker();
});
</script>

用jq获取到你要插入的那个元素然后运行daterangepicker函数就能使用它默认的样式和属性了，
不过光有这个肯定是不行的，daterangepicker函数可以接受一个参数对象和一个回调函数，