文章插图
文章插图
1、使用方法:
引入CSS文件:
<link href=http://www.mnbkw.com/jxjc/174772/”css/bootstrap/bootstrap.min.css” type=”text/css” rel=”stylesheet”/>
<link type=”text/css” href=http://www.mnbkw.com/jxjc/174772/”js/date/font-awesome.min.css” rel=”stylesheet”/>
<link type=”text/css” href=http://www.mnbkw.com/jxjc/174772/”js/date/daterangepicker-bs3.css” rel=”stylesheet”/>
引入JS文件:
<script src=http://www.mnbkw.com/jxjc/174772/”js/jquery-1.10.2.min.js”>
<script src=http://www.mnbkw.com/jxjc/174772/”js/bootstrap/bootstrap.min.js”>
<script type=”text/javascript” src=http://www.mnbkw.com/jxjc/174772/”js/date/moment.js”>
<script type=”text/javascript” src=http://www.mnbkw.com/jxjc/174772/”js/date/daterangepicker.js”>
2、页面设置:
3、JS文件配置:
4.效果展示:
5.其他参数:
【bootstrap 日期选择组件 bootstrap时间控件的用法】`startDate`: (Date object, moment object or string) 起始时间
`endDate`: (Date object, moment object or string) 结束时间
`minDate`: (Date object, moment object or string) 可选最早时间
`maxDate`: (Date object, moment object or string) 可选最迟时间
`timePicker`: (boolean) 是否显示time选择
`timePickerIncrement`: (number) time选择递增数
`timePicker12Hour`: (boolean) 是否12小时制
`opens`: (string: ‘left’/’right’) 显示在元素左边还是右边
`buttonClasses`: (array) 按钮样式
`applyClass`: (string) 应用按钮样式
`cancelClass`: (string) 取消按钮样式
`format`: (string) date/time格式
`separator`: (string) 分隔符
`locale`: (object) 本地设置
`singleDatePicker`: (boolean) 是否是单个时间选择器
`parentEl`: (string) 将控件放到哪个元素内,默认body
6.其他方法:
`show.daterangepicker`:日历控件显示时
`hide.daterangepicker`:日历控件隐藏时
`apply.daterangepicker`:确定按钮被点击时
例如:
$(‘#daterange’).on(‘apply.daterangepicker’,function(ev, picker) {
console.log(picker.startDate.format(‘YYYY-MM-DD’));
console.log(picker.endDate.format(‘YYYY-MM-DD’));
});
`cancel.daterangepicker`:取消按钮被点击时
`setOptions(object,function)`: 设置操作
`setStartDate(Date/moment/string)`:设置起始时间
`setEndDate(Date/moment/string)`:设置结束时间
- 实木古典家具怎么选购
- 如何选择一个好的约会地点 如何选一个好的约会场所
- excel是否选择设置win10 excel选择是否怎么设置
- YSL墨水粉底液怎么样,YSL墨水粉底液色号选择
- 女式运动内衣的选择技巧 运动内衣怎样选择尺码
- 一个男人主动选择和你断联 女人主动断联的好处
- 苹果8发行时间价格 苹果8发布日期和价格
- 香水选择 香水edp和edt的区别
- 2020年考证时间表 教师、会计、法律等56项职业资格考试日期确定
- Excel怎么设置选择是否 excel如何设置选择是否