bootstrap时间控件daterangepicker使用方法及各种小bug修复
145 浏览量
2020-11-27
21:53:24
上传
评论
收藏 156KB PDF 举报
bootstrap时间控件时间控件daterangepicker使用方法及各种小使用方法及各种小bug修修
复复
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，可以设定多个时间段选项，也可以自定义时
间段，由用户自己选择起始时间和终止时间，时间段的最大跨度可以在程序里设定。
一、引用一、引用
daterangepicker依托monent.js 和jquery使用。所以在使用中在引入daterangepicker之前必须引入monent.js和jquery以及
bootstrap。
<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" />
或者在使用模块化编程时，比如使用seaj.js时，在整个代码压缩前面加入
define(“gallery/daterangepicker/1.3.7/daterangepicker”,[“jquery”,”moment”,”./daterangepicker-bs3.css”],
function(a){a(“jquery”);window.moment=a(“moment”),a(“./daterangepicker-bs3.css”),
(中间可以加入daterangepicker.js的源代码）（此刻在项目中遇到，自己折腾的出来的，可用；还不通透，有待进步）
最后面加入
define("gallery/daterangepicker/1.3.7/daterangepicker-bs3.css",[],function(){
seajs.importStyle(".daterangepicker{position:absolute;color:inherit;.........}"
)})
})
二、使用二、使用
在使用中，需要注意datetimepicker的参数配置（这个在官网上都可以查到），此处我想说明的是，可以在官网上下载源码，
根据其demo来配置参数了解其各个用处
评论0
最新资源