layui.use('laydate', function () {
var laydate = layui.laydate;
//只选择年
laydate.render({
elem: '#'+ id,
type: 'year',//类型年
// 选择年份或者月份都会关闭
change: function (value, date, endDate) { //监听日期被切换
lay('#' + id).val(value);
if ($(".layui-laydate").length) {
$(".layui-laydate").remove();
}
}
});
//月
var end = laydate.render({
elem: '#' + id, //选择器结束时间
format: 'MM',
type: 'month',//类型月
// 选择年份或者月份都会关闭
change: function (value, date, endDate) { //监听日期被切换
lay( '#' + id).val(value);
if ($(".layui-laydate").length) {
$(".layui-laydate").remove();
}
},
//选择月份即选中关闭 年份扔可以左右点击选择
change: function (value, date, endDate) { //监听日期被切换
lay( '#' + id).val(value);
$('.laydate-month-list').on('click', 'li', function () {//利用的事件委托
$('.layui-laydate').remove()
})
},
done: function (value, date) {
start.config.max = {
year: value ? date.year : 3099,
month: date.month - 1,
date: date.date,
hours: 0,
minutes: 0,
seconds: 0
}
}
});
});
Layui 日期时间控件 只选择月 只选择年
原创
©著作权归作者所有:来自51CTO博客作者wx65264c9da3e2f的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:linux 安装docker
下一篇:前端密码md5加密后在传入后台
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Layui 日期时间控件 只选择月 只选择年
Layui 日期时间控件 只选择月 只选择年
Layui 日期时间控件 只选择年 只选择月