Layui 自定义年份下拉框并且可输入

1、html

<input type="text" id="birthdayBegin1" field="birthday" operator=">=" autocomplete="off"
       class="layui-input dateType1" style="position:absolute;z-index:2;width:80%;">

<select id="birthdayBegin" lay-filter="birthdayBegin">
           <option value="">请选择</option>
</select>

position:absolute 在这里是让input和select在同一位置。
z-index:2 是为了让input在select上面。
width:80% 是为了不盖住select后面的小三角符号，select还可以点击。

2、js

Staff.yearSelect = function () {
            var myDate= new Date();
            var startYear=myDate.getFullYear()-60;//起始年份
            var endYear=myDate.getFullYear()-20;//结束年份
            for (var i=startYear;i<=endYear;i++) {
                $("#birthdayBegin").append("<option value='"+i+"'>"+i+"</option>");
            }
　　　　　　　//必须使用  form.render()方法  重新渲染表单，否则无法实现效果　
            form.render();
 }

监听选中的值

//注意此处监听必须是 select标签的  lay-filter 属性
form.on("select(birthdayBegin)", function (data) {
            alert(data.value)
 })