首頁 > web前端 > Layui教程 > Layui日期控制項使用(實例)

Layui日期控制項使用(實例)

發布: 2019-11-29 13:44:43
轉載
5347 人瀏覽過

Layui日期控制項使用(實例)

一、layui簡介:

layui是一款採用自身模組規範編寫的前端UI 框架,開源的模組化前端UI 框架,區別於那些基於MVVM底層的UI 框架。

優點:原生開發模式、模組化、相容性強

layui可作為PC網頁端後台系統與前台介面的速成開發方案

更多layui知識請關注layui使用教程欄。

二、layui日期控制項使用範例

引入Layui:

    <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script src="~/Content/layui/layui.js"></script>
登入後複製

Html:

<div class="layui-input-inline">
      <input id="start" class="layui-input" name="start" placeholder="开始时间"/>
 </div>
登入後複製

JS:

layui.use(&#39;laydate&#39;, function () {
     var laydate = layui.laydate;
     //执行一个laydate实例
      laydate.render({
        elem: &#39;#start&#39; //指定元素
      });
});
登入後複製

實作效果:

Layui日期控制項使用(實例)

以上是Layui日期控制項使用(實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板