layui 的 select 组件动态加载年度

html代码：

<TR>
	<td class="search-label">录入时间：
		<INPUT class="search-content js-search-content" id="kstime" name="kstime"
			type="text" placeholder="请输入开始时间" value="{{kstime}}">
			~
		<INPUT class="search-content js-search-content" id="jstime" name="jstime"
			type="text" placeholder="请输入结束时间" value="{{jstime}}">
	</td>
	<td class="search-label">采购年度：
		<select id="yearSelect" name="year">
			 <option value="">请选择年度</option>
		 </select>
	</td>
</TR>

js代码：

layui.use('laydate', function(){
	var laydate = layui.laydate;
	 //执行一个laydate实例
	laydate.render({
		elem: '#kstime' //指定元素
		,format: 'yyyy-MM-dd HH:mm:ss'
	 });
	 laydate.render({
		elem: '#jstime'//指定元素
	 	,format: 'yyyy-MM-dd HH:mm:ss'
	 });
});
	// 获取当前年份
    var currentYear = new Date().getFullYear();
    // 动态加载年度
    var yearSelect = document.getElementById('yearSelect');
    for (var year = currentYear; year >= 2015; year--) {
        var option = document.createElement('option');
        option.value = year;
        option.textContent = year;
        yearSelect.appendChild(option);
    }
    // 渲染 layui
    layui.use('form', function(){
        var form = layui.form;
        form.render('select'); // 更新 select
    });

![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/12d4157a6219440a9914c4b1e03f9ea1.jpeg)