So verwenden Sie die Datumssteuerung in Laui-Layui-Tutorial-php.cn

So verwenden Sie die Datumssteuerung in Laui

爱喝马黛茶的安东尼

Freigeben： 2019-07-11 15:08:18

Original

4081 Leute haben es durchsucht

So verwenden Sie die Datumssteuerung in Laui

Das Beispiel in diesem Artikel teilt den Implementierungscode der Laui-Date-Steuerung als Referenz. Der spezifische Inhalt lautet wie folgt:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>日期</title>
  <link rel="stylesheet" href="layui/css/layui.css">
 </head>
 <body>
  <blockquote class="layui-elem-quote">目前Layui中的日期组件还是layDate 1.1的改良版，它后续将会进行一次重写。
  </blockquote>
  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
   <legend>顺便列举几个常用例子</legend>
  </fieldset>
  <p class="layui-form-pane" style="margin-top: 15px;">
   <p class="layui-form-item">
  <label class="layui-form-label">范围选择</label>
  <p class="layui-input-inline">
   <input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
  </p>
  <p class="layui-input-inline">
   <input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
  </p>
  </p>
  </p>
 
  <script src="layui/layui.js"></script>
  <script>
layui.use(&#39;laydate&#39;, function(){
 
 var laydate = layui.laydate;
 
 var start = {
 min: laydate.now()
 ,max: &#39;2099-06-16 23:59:59&#39;
 ,istoday: false
 ,choose: function(datas){
  end.min = datas; //开始日选好后，重置结束日的最小日期
  end.start = datas //将结束日的初始值设定为开始日
 }
 };
 
 var end = {
 min: laydate.now()
 ,max: &#39;2099-06-16 23:59:59&#39;
 ,istoday: false
 ,choose: function(datas){
  start.max = datas; //结束日选好后，重置开始日的最大日期
 }
 };
 
 document.getElementById(&#39;LAY_demorange_s&#39;).onclick = function(){
 start.elem = this;
 laydate(start);
 }
 document.getElementById(&#39;LAY_demorange_e&#39;).onclick = function(){
 end.elem = this
 laydate(end);
 }
 
});
</script>
 
 </body>
</html>

Nach dem Login kopieren

Verwandte Empfehlungen: „Layui-Framework-Tutorial》

Rendering:

So verwenden Sie die Datumssteuerung in Laui

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Datumssteuerung in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!