免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

layui如何使用日期控件-創新互聯

小編給大家分享一下layui如何使用日期控件,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

創新互聯是一家集網站建設,漣源企業網站建設,漣源品牌網站建設,網站定制,漣源網站建設報價,網絡營銷,網絡優化,漣源網站推廣為一體的創新建站企業,幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們為更多的企業打造出實用型網站。

具體內容如下:

<!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('laydate', function(){
 
 var laydate = layui.laydate;
 
 var start = {
 min: laydate.now()
 ,max: '2099-06-16 23:59:59'
 ,istoday: false
 ,choose: function(datas){
  end.min = datas; //開始日選好后,重置結束日的最小日期
  end.start = datas //將結束日的初始值設定為開始日
 }
 };
 
 var end = {
 min: laydate.now()
 ,max: '2099-06-16 23: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 = this
 laydate(end);
 }
 
});
</script>
 
 </body>
</html>

效果圖:

layui如何使用日期控件

看完了這篇文章,相信你對layui如何使用日期控件有了一定的了解,想了解更多相關知識,歡迎關注創新互聯成都網站設計公司行業資訊頻道,感謝各位的閱讀!

另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。

本文名稱:layui如何使用日期控件-創新互聯
鏈接URL:http://m.newbst.com/article40/cejdho.html

成都網站建設公司_創新互聯,為您提供自適應網站營銷型網站建設網站設計公司全網營銷推廣網站收錄關鍵詞優化

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都網頁設計公司