您的位置:首页 > Web前端 > BootStrap

bootstrap-daterangepicker-master相关用法

2014-04-09 20:54 246 查看
初始化

$('#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') ,

          
4000
             "endDate" : picker.endDate.format('YYYY-MM-DD')

                    

                    },

                    success : function(json){

                    }

                }

            });//ajax

}

在非触发方法取得日期值

              var start = $('#noteRangeInput').daterangepicker().data('daterangepicker').startDate.format('YYYY-MM-DD');
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: