layui常用的表单标签_layui 常见的表单元素

常规用法

中文版

范围选择

日期范围

年范围

年月范围

时间范围

自定义格式

请选择日期

同时绑定多个

其它功能示例

初始赋值

不出现底部栏

点我触发

其它主题

墨绿主题

自定义颜色主题

格子主题

laydate.render({

elem:'#test1'});//日期范围

laydate.render({

elem:'#test6', range:true});//年范围

laydate.render({

elem:'#test7', type:'year', range:true});//年月范围

laydate.render({

elem:'#test8', type:'month', range:true});//时间范围

laydate.render({

elem:'#test9', type:'time', range:true});//自定义格式

laydate.render({

elem:'#test11', format:'yyyy年MM月dd日'});//同时绑定多个

lay('.test-item').each(function () {

laydate.render({

elem:this, trigger:'click'});

});//初始赋值

laydate.render({

elem:'#test19', value:'1989-10-14'});//不出现底部栏

laydate.render({

elem:'#test22', showBottom:false});//点我触发

laydate.render({

elem:'#test25', eventElem:'#test25-1', trigger:'click'});//日期只读

laydate.render({

elem:'#test27', trigger:'click'});//墨绿主题

laydate.render({

elem:'#test29', theme:'molv'});//自定义颜色

laydate.render({

elem:'#test30', theme:'#393D49'});//格子主题

laydate.render({

elem:'#test31', theme:'grid'});

});