laydate年份选择器选择年份后直接关闭

最新推荐文章于 2025-09-11 02:20:27 发布

原创最新推荐文章于 2025-09-11 02:20:27 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#laydate 年份选择器关闭

laydate 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种laydate插件中年选择器的优化方案，通过修改初始化事件和监听鼠标点击事件，使得在选择年份后插件窗口能够自动关闭，提升了用户体验。

效果：

问题：

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初始打开的事件，可以解决