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

这是我的代码,咋改呀,大神们,撒浪嘿呦
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);

});

/**

  • 初始化日期范
  • 围选择控件
    */
    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