时间区间选择插件daterangepicker

2019独角兽企业重金招聘Python工程师标准>>>

​http://www.daterangepicker.com/

$('#createtime').daterangepicker({

                "startDate": "2017/08/01",

                "endDate": '{{date("Y/m/d")}}',

                minDate: '2017/08/01',

                maxDate: '{{date("Y/m/d",strtotime("+1 day"))}}',

                opens : 'right', //日期选择框的弹出位置

                buttonClasses : [ 'btn btn-default' ],

                applyClass : 'btn-small btn-success',

                cancelClass : 'btn-small',

                format : 'YYYY-MM-DD', //控件中from和to 显示的日期格式

                separator : '至',

                showDropdowns: true,//这个才是关键，开启后可以单独选择年月

                locale : {

                    applyLabel : '确定',

                    cancelLabel : '取消',

                    fromLabel : '起始时间',

                    toLabel : '结束时间',

                    customRangeLabel : '自定义',

                    daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],

                    monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',

                        '七月', '八月', '九月', '十月', '十一月', '十二月' ],

                    firstDay : 1

                }}, function(start, end, label) {

                console.log(start.toISOString(), end.toISOString(), label);

            });

转载于:https://my.oschina.net/sharesuiyue/blog/1528892