当前位置: 首页 > news >正文

关于jQuery日历插件:daterangepicker

关于options

singleDatePicker: false 双日历,true 单日历

timePicker:false 不显示时分秒,true 显示时分秒

timePickerIncreament:1 默认值

{singleDatePicker : false, //是否显示单日历框 dateLimit : { days : 30 }, //起止时间的最大间隔 showDropdowns : true, showWeekNumbers : false, //是否显示第几周 timePicker : true, //是否显示小时和分钟 timePickerSecond : true, //是否显示秒timePickerIncrement : 1, //时间的增量,单位为分钟 //当不显示小时和分钟时可以设为0 timePicker12Hour : false, //是否使用12小时制来显示时间timePicker24Hour : true,  //是否使用24小时制来显示时间 二选一startDate : moment().subtract(0,'days').startOf('day'),//默认开始日期当天,0表示当天endDate: moment().subtract(0,'days').endOf('day'),maxDate : moment(), //最大时间 minDate : moment().subtract(90, 'days'), //最小时间,当前时间的前90天,也就是三个月     ranges : { '最近1小时': [moment().subtract(1, 'hours'), moment()], '今日': [moment().startOf('day'), moment()], '昨日': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')], '最近7日': [moment().subtract(6, 'days'), moment()], '最近30日': [moment().subtract(29, 'days'), moment()] }, opens : 'right', //日期选择框的弹出位置 buttonClasses : ['btn btn-default'], applyClass : 'btn-small btn-primary blue', cancelClass : 'btn-small', locale : { format : "YYYY-MM-DD", //选择好后显示框日期的格式,也是它的值separator : " - ", //分隔符applyLabel : '确定', cancelLabel : '取消', fromLabel : '起始时间', toLabel : '结束时间', customRangeLabel : '自定义', daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ], monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ], firstDay : 1 } }, function(start, end, label) { // 格式化日期显示框 $("#dateTimeRange span").html(start.subtract(1, 'hours').format('YYYY-MM-DD HH:mm') + '~' + end.format('YYYY-MM-DD HH:mm')); }

http://www.lryc.cn/news/311714.html

相关文章:

  • 【贪心算法】最大子序和
  • 爬虫逆向网站案例
  • 蓝桥杯复习之前缀和
  • 动态规划(算法竞赛、蓝桥杯)--背包DP求具体方案
  • go写mysql取得自增字段值
  • Vue 3的Composition API和vue2的不同之处
  • go语言基础 -- 面向对象编程
  • HarmonyOS—编译构建概述
  • 下载element-ui 资源,图标 element-icons.woff,element-icons.ttf 无法解码文件字体
  • Flutter整体框架
  • JVM堆内存中新生代晋升到老年代的条件
  • 前端监控为什么采用GIF图片做埋点?
  • webstorm 创建运行纯Typescript项目
  • GO-接口
  • 【C语言】动态内存管理常用函数
  • 【OpenGL】(1) 专栏介绍:OpenGL 库 | 3D 计算机图形应用 | GPGPU 计算 | 3D 建模和 3D动画 | 渲染技术介绍
  • SPI总线知识总结
  • 【异常关闭clas*h,导致无法访问任何网页_解决办法】
  • STL-map和set
  • [蓝桥杯 2020 省 B1] 整除序列
  • 【Android】View 的滑动
  • 基于ZYNQ的PCIE高速数据采集卡的设计(一)
  • 渗透测试工具 nmap 详解
  • Ubuntu下安装Scala
  • 无法启动报,To install it, you can run: npm install --save @/components/iFrame/index
  • 深入理解现代JavaScript:从语言特性到应用实践
  • ThreadPoolExecutor 学习
  • 深入理解计算机操作系统书籍阅读感悟(一)
  • 使用query请求数据出现500的报错
  • PostgreSQL教程(二十一):服务器管理(三)之服务器设置和操作