layui/docs/laydate/examples/more.md

初始赋值

选中后的回调

日期切换的回调

不出现底部栏

只出现确定按钮

自定义事件

点我触发

双击我触发

日期只读

非 input 元素

开启遮罩

^2.8+

覆盖实例与解除实例 ^2.8+ :

年份 月份 日期 时间 解除

<script> layui.use(function(){ var laydate = layui.laydate; var form = layui.form; // 初始赋值 laydate.render({ elem: '#ID-laydate-more-value', value: '2016-10-14', isInitValue: true }); // 选中后的回调 laydate.render({ elem: '#ID-laydate-more-done', done: function(value, date){ layer.alert('你选择的日期是：' + value + '
获得的对象是' + JSON.stringify(date)); } }); // 日期切换的回调 laydate.render({ elem: '#ID-laydate-more-change', change: function(value, date){ layer.msg('你选择的日期是：' + value + '

获得的对象是' + JSON.stringify(date)); } }); // 不出现底部栏 laydate.render({ elem: '#ID-laydate-more-bottom', showBottom: false }); // 只出现确定按钮 laydate.render({ elem: '#ID-laydate-more-btns', btns: ['confirm'] }); // 自定义事件 laydate.render({ elem: '#ID-laydate-more-trigger', trigger: 'mousedown' }); // 点我触发 laydate.render({ elem: '#ID-laydate-more-event', eventElem: '#ID-laydate-more-event-1', trigger: 'click' }); // 双击我触发 lay('#ID-laydate-more-dblclick').on('dblclick', function(){ laydate.render({ elem: '#ID-laydate-more-dblclick-input', show: true, closeStop: '#ID-laydate-more-dblclick', }); }); // 日期只读 laydate.render({ elem: '#ID-laydate-more-readonly', trigger: 'click', }); // 非 input 元素 laydate.render({ elem: '#ID-laydate-more-div' }); // 开启遮罩 laydate.render({ elem: '#ID-laydate-more-shade', triggdestroyer: 'click', shade: 0.8 // 遮罩透明度 --- 2.8+ }); // 覆盖实例与销毁实例 var inst = laydate.render({ elem: '#ID-laydate-more-reset' }); form.on("select(filter-demo-laydate-reset)", function (obj) { var value = obj.value; var options = inst.config; var elem = options.elem[0]; if (value === "other") { laydate.unbind(options.id); // 解绑实例 --- 2.8+ elem.focus(); } else { // 覆盖渲染 laydate.render({ elem: elem, type: value, show: true // 渲染即显示 }); } }); }); </script>