DatePickerss("#fld_BILLDATE");
function DatePickerss(beginSelector) {

    // 仅选择年份

    $(beginSelector).datetimepicker(

    {

        startView: ‘decade’,

        minView: ‘decade’,

        format: ‘yyyy’,

        maxViewMode: 2,

        minViewMode: 2,

        autoclose: true

    })

};
我自己添加了一个，如果是后台只获取年份，就用：int Year = DateTime.Now.Year;
原文网址：https://blog.csdn.net/kobe1qiqi/article/details/52945863

————————————————

版权声明：本文为CSDN博主「User：你的影子」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_44831306/article/details/103695052

// 加载年份选择器
    function loadYearSel(){
        //设置年份的选择
        var myDate= new Date();
        var startYear=myDate.getFullYear()-50;//起始年份
        var endYear=myDate.getFullYear()+50;//结束年份
        var obj=document.getElementById('year')
        for (var i=startYear;i<=endYear;i++)
        {
            obj.options.add(new Option(i,i));
        }
        obj.options[obj.options.length-51].selected=1;
    }
    // 加载年份选择器
    function loadMonthSel(){
        //设置年份的选择
        var myDate= new Date();
        var obj=document.getElementById('month')
        for (var i=1;i<=12;i++)
        {
            obj.options.add(new Option(i,i));
        }
        obj.options[myDate.getMonth()+1].selected=1;
    }

效果：



问题：

laydate使用年选择器的时候  希望在鼠标点击年份后，窗口就关闭了。但是并没有

解决办法：

 // 检索年份初始化事件
    laydate.render({
	elem : '#year',
	type : 'year',
	theme : 'molv',
	change : function(value, date) {
	    $("#year").val(value);
	},
	ready : function(date) {
	    $(".layui-laydate").off('click').on('click', '.layui-laydate-list li', function() {
		$(".layui-laydate").remove();
	    });
	}
    });

配合change事件和ready初始打开的事件，可以解决

  

有效分辨闰年二月份天数，可修改年月日日期展示，话不多说直接上代码：
wxml:
<!--时间选择器-->
<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
 <input value='{{time}}' placeholder='选择时间'/>
 </picker>
JS:
//日期选择器
//定义年、月、日的数组都为空
const date = new Date();
const years = [];
const months = [];
const days = [];
const hours = [];
const minutes = [];
//获取年
for (let i = 2018; i <= date.getFullYear() + 5; i++) {
  years.push("" + i);
}
//获取月份
for (let i = 1; i <= 12; i++) {
 if (i < 10) {
    i = "0" + i;
  }
  months.push("" + i);
}
//获取日期
for (let i = 1; i <= 31; i++) {
 if (i < 10) {
    i = "0" + i;
  }
  days.push("" + i);
}
//获取小时
for (let i = 0; i < 24; i++) {
 if (i < 10) {
    i = "0" + i;
  }
  hours.push("" + i);
}
//获取分钟
for (let i = 0; i < 60; i++) {
 if (i < 10) {
    i = "0" + i;
  }
  minutes.push("" + i);
}
Page({
  data: {
    time: '', multiArray: [years, months, days, hours, minutes],
    multiIndex: [0, 9, 16, 10, 17],
    choose_year: '',
  },
  onLoad: function () {
 //设置默认的年份
 this.setData({
      choose_year: this.data.multiArray[0][0]
    })
  },
 //获取时间日期
  bindMultiPickerChange: function (e) {
 // console.log('picker发送选择改变，携带值为', e.detail.value)
 this.setData({
      multiIndex: e.detail.value
    })
 const index = this.data.multiIndex;
 const year = this.data.multiArray[0][index[0]];
 const month = this.data.multiArray[1][index[1]];
 const day = this.data.multiArray[2][index[2]];
 const hour = this.data.multiArray[3][index[3]];
 const minute = this.data.multiArray[4][index[4]];
 // console.log(`${year}-${month}-${day}-${hour}-${minute}`);
 this.setData({
      time: year + '-' + month + '-' + day + ' ' + hour + ':' + minute
    })
 // console.log(this.data.time);
  },
 //监听picker的滚动事件
  bindMultiPickerColumnChange: function (e) {
 //获取年份
 if (e.detail.column == 0) {
 let choose_year = this.data.multiArray[e.detail.column][e.detail.value];
      console.log(choose_year);
 this.setData({
        choose_year
      })
    }
 //console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
 if (e.detail.column == 1) {
 let num = parseInt(this.data.multiArray[e.detail.column][e.detail.value]);
 let temp = [];
 if (num == 1 || num == 3 || num == 5 || num == 7 || num == 8 || num == 10 || num == 12) { //判断31天的月份
 for (let i = 1; i <= 31; i++) {
 if (i < 10) {
            i = "0" + i;
          }
          temp.push("" + i);
        }
 this.setData({
          ['multiArray[2]']: temp
        });
      } else if (num == 4 || num == 6 || num == 9 || num == 11) { //判断30天的月份
 for (let i = 1; i <= 30; i++) {
 if (i < 10) {
            i = "0" + i;
          }
          temp.push("" + i);
        }
 this.setData({
          ['multiArray[2]']: temp
        });
      } else if (num == 2) { //判断2月份天数
 let year = parseInt(this.data.choose_year);
        console.log(year);
 if (((year % 400 == 0) || (year % 100 != 0)) && (year % 4 == 0)) {
 for (let i = 1; i <= 29; i++) {
 if (i < 10) {
              i = "0" + i;
            }
            temp.push("" + i);
          }
 this.setData({
            ['multiArray[2]']: temp
          });
        } else {
 for (let i = 1; i <= 28; i++) {
 if (i < 10) {
              i = "0" + i;
            }
            temp.push("" + i);
          }
 this.setData({
            ['multiArray[2]']: temp
          });
        }
      }
      console.log(this.data.multiArray[2]);
    }
 var data = {
      multiArray: this.data.multiArray,
      multiIndex: this.data.multiIndex
    }; data.multiIndex[e.detail.column] = e.detail.value;
 this.setData(data);
    console.log(this.setData)
  },
})