本文实例为大家分享了layui-日期控件的实现代码，供大家参考，具体内容如下：

html>

 
  <meta>
  <title>日期</title>
  <link>
 
 
  <blockquote>目前Layui中的日期组件还是layDate 1.1的改良版，它后续将会进行一次重写。
  </blockquote>
  

   

顺便列举几个常用例子

  

  

   

  范围选择   

      

  

      

          <script></script>   <script> layui.use('laydate',&nbsp;function(){ &nbsp; &nbsp;var&nbsp;laydate&nbsp;=&nbsp;layui.laydate; &nbsp; &nbsp;var&nbsp;start&nbsp;=&nbsp;{ &nbsp;min:&nbsp;laydate.now() &nbsp;,max:&nbsp;'2099-06-16&nbsp;23:59:59' &nbsp;,istoday:&nbsp;false &nbsp;,choose:&nbsp;function(datas){ &nbsp;&nbsp;end.min&nbsp;=&nbsp;datas;&nbsp;//&#24320;&#22987;&#26085;&#36873;&#22909;&#21518;&#65292;&#37325;&#32622;&#32467;&#26463;&#26085;&#30340;&#26368;&#23567;&#26085;&#26399; &nbsp;&nbsp;end.start&nbsp;=&nbsp;datas&nbsp;//&#23558;&#32467;&#26463;&#26085;&#30340;&#21021;&#22987;&#20540;&#35774;&#23450;&#20026;&#24320;&#22987;&#26085; &nbsp;} &nbsp;}; &nbsp; &nbsp;var&nbsp;end&nbsp;=&nbsp;{ &nbsp;min:&nbsp;laydate.now() &nbsp;,max:&nbsp;'2099-06-16&nbsp;23:59:59' &nbsp;,istoday:&nbsp;false &nbsp;,choose:&nbsp;function(datas){ &nbsp;&nbsp;start.max&nbsp;=&nbsp;datas;&nbsp;//&#32467;&#26463;&#26085;&#36873;&#22909;&#21518;&#65292;&#37325;&#32622;&#24320;&#22987;&#26085;&#30340;&#26368;&#22823;&#26085;&#26399; &nbsp;} &nbsp;}; &nbsp; &nbsp;document.getElementById('LAY_demorange_s').onclick&nbsp;=&nbsp;function(){ &nbsp;start.elem&nbsp;=&nbsp;this; &nbsp;laydate(start); &nbsp;} &nbsp;document.getElementById('LAY_demorange_e').onclick&nbsp;=&nbsp;function(){ &nbsp;end.elem&nbsp;=&nbsp;this &nbsp;laydate(end); &nbsp;} &nbsp; }); </script>    

相关推荐：《layui框架教程》

效果图：

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载