layui中如何使用日期控件
这篇文章给大家介绍layui中如何使用日期控件，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
具体内容如下：
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>日期</title><linkrel="stylesheet"href="layui/css/layui.css"></head><body><blockquoteclass="layui-elem-quote">目前Layui中的日期组件还是layDate1.1的改良版，它后续将会进行一次重写。</blockquote><fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;"><legend>顺便列举几个常用例子</legend></fieldset><pclass="layui-form-pane"style="margin-top:15px;"><pclass="layui-form-item"><labelclass="layui-form-label">范围选择</label><pclass="layui-input-inline"><inputclass="layui-input"placeholder="开始日"id="LAY_demorange_s"></p><pclass="layui-input-inline"><inputclass="layui-input"placeholder="截止日"id="LAY_demorange_e"></p></p></p><scriptsrc="layui/layui.js"></script><script>layui.use('laydate',function(){varlaydate=layui.laydate;varstart={min:laydate.now(),max:'2099-06-1623:59:59',istoday:false,choose:function(datas){end.min=datas;//开始日选好后，重置结束日的最小日期end.start=datas//将结束日的初始值设定为开始日}};varend={min:laydate.now(),max:'2099-06-1623:59:59',istoday:false,choose:function(datas){start.max=datas;//结束日选好后，重置开始日的最大日期}};document.getElementById('LAY_demorange_s').onclick=function(){start.elem=this;laydate(start);}document.getElementById('LAY_demorange_e').onclick=function(){end.elem=thislaydate(end);}});</script></body></html>关于layui中如何使用日期控件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
目录
推荐阅读
0 条评论
本站已关闭游客评论，请登录或者注册后再评论吧~