daterangepicker怎么能改为十年视图？只选年

Question

这是我的代码，咋改呀，大神们，撒浪嘿呦
var locale = {
"format": 'YYYY-MM-DD',
"separator": " -222 ",
"applyLabel": "确定",
"cancelLabel": "取消",
"fromLabel": "起始时间",
"toLabel": "结束时间'",
"customRangeLabel": "自定义",
"weekLabel": "W",
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
"firstDay": 1

};
$('#datetimepicker').daterangepicker({
    "locale": locale,   
    "startDate": today,
    "singleDatePicker": true,
    "showDropdowns": true,
    "maxDate": today
});
$("#datetimepicker").change(function () {
    date = $("#datetimepicker").val();
    onLoad(date);

});

Answer 1

/**

• 初始化日期范

• 围选择控件
  */
  function InitDateRangeControlForQueryPanel(daterangebtn) {
  var $daterangebtn = $(daterangebtn);

  $daterangebtn.daterangepicker(
  {
  timePicker: true,
  timePicker12Hour: false, //24小时 老版本
  timePicker24Hour: true, //24小时 新版本
  timePickerSeconds:true,
  startOfWeek: 'monday',
  ranges: {
  '清空': [null, null],
  '今天': [moment().hour(4).minutes(0).seconds(0), moment().endOf('day')],
  '昨天': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')],
  '7天': [moment().subtract(7, 'days').startOf('day'), moment().endOf('day')],
  '15天': [moment().subtract(15, 'days').startOf('day'), moment().endOf('day')],
  '30天': [moment().subtract(30, 'days').startOf('day'), moment().endOf('day')],
  '这个月': [moment().startOf('month').startOf('day'), moment().endOf('month').endOf('day')],
  '上个月': [moment().subtract(1, 'month').startOf('month').startOf('day'), moment().subtract(1, 'month').endOf('month').endOf('day')]
  },
  opens: 'right', //日期选择框的弹出位置
  //buttonClasses: ['btn btn-default'],
  //applyClass: 'btn-small btn-primary blue',
  //cancelClass: 'btn-small',
  time: {
  enabled: true
  },
  format: 'YYYY-MM-DD HH:mm:ss', //控件中from和to 显示的日期格式
  //pickTime: true,
  locale: {
  applyLabel: '确定',
  cancelLabel: '取消',
  fromLabel: '起始时间',
  toLabel: '结束时间',
  customRangeLabel: '自定义',
  daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
  monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
  '七月', '八月', '九月', '十月', '十一月', '十二月'],
  firstDay: 1
  },
  startDate: moment().hours(4).minutes(0).seconds(0), //startDate和endDate 的值如果跟 ranges 的两个相同则自动选择ranges中的行. 这里选中了清空行
  endDate: moment().endOf('day')
  },
  function (start, end) {

    var s = start.format('YYYY-MM-DD HH:mm');
    var e = end.format('YYYY-MM-DD HH:mm');
    var t = s + ' 至 ' + e;
  
    if (start._isValid == false && end._isValid == false) {
        s = "";
        e = "";
        t = "请选择日期范围"
    }
  
    $daterangebtn.find('span').html(t);
    $daterangebtn
    .next().val(s)
    .next().val(e);
  

  }
  );
  }

详见http://blog.csdn.net/phker/article/details/52083975