bootstrap-daterangepicker-master相关用法

最新推荐文章于 2024-08-23 07:45:44 发布

wandrong

最新推荐文章于 2024-08-23 07:45:44 发布

阅读量4.3k

点赞数 2

分类专栏： jquery

本文链接：https://blog.csdn.net/wandrong/article/details/23296827

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

初始化

$('#noteRangeInput').daterangepicker({

           timePicker: false,
           format: 'YYYY/MM/DD',
           separator:'-',
           locale: {
              applyLabel: '确定',
              cancelLabel: '取消',
              fromLabel: '从',
              toLabel: '到',
              customRangeLabel: 'Custom',
              daysOfWeek: ['日', '一', '二', '三', '四', '五','六'],
              monthNames: ['一月', '二月', '三月', '四月', '五月',
              '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
              firstDay: 0
          }

点击应用日期后的触发方法,获取开始和结束时间方法如下

$('#noteRangeInput').on('apply.daterangepicker', function(ev, picker) {

               $.ajax({
                   url:"",
                   dataType:"json",
                   data:{
                       "startDate" : picker.startDate.format('YYYY-MM-DD') ,
                       "endDate" : picker.endDate.format('YYYY-MM-DD')

                   },
                   success : function(json){
                   }
               }
           });//ajax

}

在非触发方法取得日期值

var start = $('#noteRangeInput').daterangepicker().data('daterangepicker').startDate.format('YYYY-MM-DD');