bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
来源:互联网 发布:网络版收银软件 编辑:程序博客网 时间:2024/06/05 05:24
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在程序里设定。我们项目里用到的Bootstrap版本是2.3.1,所以我把daterangepicker与Bootstrap-2.3.1进行了整合。
一、需要引入的css与js
二、html部分代码三、使用js调用daterangepicker
四、效果图
设置默认时间:
1.首先原代码中的showDropdowns必须为true,否则会默认为当天日期
var DateRangePicker = function (element, options, cb) {
...
this.showDropdowns= true;
...
2.初始化时传入需要设置的日期:
$('#reportrange').daterangepicker({startDate:"2013-08-01",endDate:today.toString("yyyy-MM-dd")},function(start, end){
$('#reportrange input').val(start.toString('yyyy-MM-dd') + '~' + end.toString('yyyy-MM-dd'));
});
0 0
- bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
- bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
- bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
- bootstrap之双日历时间段选择控件—daterangepicker
- daterangepicker-bootstrap之双日历时间段选择控件(汉化版)
- bootstrap双日历时间段选择控件—daterangepicker(汉化版)
- bootstrap之双日历时间段选择控件Date Range Picker
- bootstrap-daterangepicker 双日历控件
- 双日历选择daterangepicker
- 基于bootstrap样式的双日历控件(daterangepicker)
- bootstrap双日期选择插件
- daterangepicker日期选择控件
- BootStrap dateRangePicker时间范围控件
- 关于bootstrap的日历控件daterangepicker
- 使用jquery.daterange.js双日历控件时,daterangepicker初始化默认日期
- daterangepicker控件选择年月日时分秒
- bootstrap-daterangepicker:最好用的日期范围选择组件
- daterangepicker 汉化 清空
- Red Hat linux 6.5 学习使用笔记《二》文件系统及命令详解
- 网站统计中的数据收集原理及实现-埋点统计
- scala val 与var 区别
- 修改网卡IP
- RocketMQ源码调试环境搭建
- bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
- linux c elf文件格式操作之sstrip源码(支持cygwin编译)
- 使用Vysor专业版
- C++中的this指针
- 数组大折腾
- java学习例题之IO流的字节数组复制文件
- HashMap为什么是线程不安全的?
- 解决NetStream.appendBytes直播爆音的问题解决
- 隐马尔科夫模型matlab工具箱说明