设为首页 收藏本站
查看: 757|回复: 0

[经验分享] daterangepicker+ bootstrap +php +ajax +datatable双日历的使用

[复制链接]

尚未签到

发表于 2017-12-30 18:06:11 | 显示全部楼层 |阅读模式
/*****时间插件************************************************************************************************/  var start = moment().subtract(29, 'days');
  var end = moment();
  function cb(start, end) {
  $('#reportrange span').html(start.format('YYYY-MMMM-D') + ' - ' + end.format('YYYY-MMMM-D'));
  }
  $('#reportrange').daterangepicker({
  //minDate: '01/01/2012',                //最小时间
  //maxDate : moment(),                     //最大时间
  //dateLimit : { days : 30 },             //起止时间的最大间隔
  showDropdowns : true,
  // timePicker : true,                     //是否显示小时和分钟
  "linkedCalendars": false,
  "showCustomRangeLabel": false,
  "alwaysShowCalendars": true,
  "opens": "right",                        //日期选择框的弹出位置
  
                startDate: start,
  endDate: end,
  ranges: {
  //'最近1小时': [moment().subtract('hours',1), moment()],
  '今天': [moment(), moment()],
  '昨天': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  '最近7天': [moment().subtract(6, 'days'), moment()],
  '最近30天': [moment().subtract(29, 'days'), moment()],
  '本月': [moment().startOf('month'), moment().endOf('month')],
  '上个月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  },
  locale : {
  applyLabel : '确定',
  cancelLabel : '取消',
  fromLabel : '起始时间',
  toLabel : '结束时间',
  customRangeLabel : '自定义',
  daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],
  monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',
  '七月', '八月', '九月', '十月', '十一月', '十二月' ],
  firstDay : 1
  },
  buttonClasses : [ 'btn btn-default' ],
  applyClass : 'btn-small btn-primary blue',
  cancelClass : 'btn-small',
  }, cb);
  cb(start, end);
  //时间复位按钮
  $("#reset").click(function () {
  $('#reportrange').val(' ');
  });
  /*****时间插件************************************************************************************************/

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-429766-1-1.html 上篇帖子: php 读取图片显示在页面上 demo 下篇帖子: 转:php 获取memcache所有key
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表