dateRangePicker时间范围控件
2016-08-09 17:04
429 查看
Github:https://github.com/dangrossman/bootstrap-daterangepicker/
使用daterangepicker()为元素创建一个时间范围控件
daterangepicker()还可以有个操作对象参数和回调函数。当用户选择时间范围后调用回调函数,参数是monent时间对象的开始时间、结束时间、预定义的范围标签选择。
参数
函数方法
事件
使用daterangepicker()为元素创建一个时间范围控件
<script type="text/javascript"> $(document).ready(function(){ $('input[name="daterange"]').daterangepicker(); }); </script>
daterangepicker()还可以有个操作对象参数和回调函数。当用户选择时间范围后调用回调函数,参数是monent时间对象的开始时间、结束时间、预定义的范围标签选择。
$('input[name="daterange"]').daterangepicker( { format: 'YYYY-MM-DD', startDate: '2013-01-01', endDate: '2013-12-31' }, function(start, end, label) { alert('A date range was chosen: ' +start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); } );
参数
`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函数方法
函数方法
`setOptions(object,function)`: 设置操作 `setStartDate(Date/moment/string)`:设置起始时间 `setEndDate(Date/moment/string)`:设置结束时间
事件
`show.daterangepicker`:Triggered when the picker is shown `hide.daterangepicker`:Triggered when the picker is hidden `apply.daterangepicker`:Triggered when the apply button is clicked `cancel.daterangepicker`:Triggered when the cancel button is clicked
相关文章推荐
- UVA 11462 Age Sort
- 关于几种下载口:JLINK、SWD、JTAG、ULINK、ST-LINK
- jsp的基本原理
- 8 种 NoSQL 数据库系统对比
- Java字符串格式化String.format常用用法
- Qt之自定义控件(开关按钮)
- zzuli 1893 (985的数学难题)
- PHP header函数的用法辨析,有点意思
- 【Linux总结】Linux命令学习二
- 在线实时大数据平台Storm输入源共享试验
- 如何在Win7安装MongoDB服务
- 个人知识管理最常见的误区有哪些?
- C++中 vector的几点总结
- 数位DP按位枚举模板
- Qt之自定义控件(开关按钮)
- Qt之自定义控件(开关按钮)
- explicit的作用
- winform 关于双曲线的动态绘制
- 增加 ModelAndView 配置
- 拉丁矩阵