Heim  >  Artikel  >  Web-Frontend  >  Verwendung der Layui-Datumskontrolle (Beispiel)

Verwendung der Layui-Datumskontrolle (Beispiel)

尚
nach vorne
2019-11-29 13:44:435244Durchsuche

Verwendung der Layui-Datumskontrolle (Beispiel)

1. Einführung in Laui:

Laui ist ein Front-End-UI-Framework, das unter Verwendung eigener Modulspezifikationen geschrieben wurde. Es handelt sich um ein Open-Source-Modular-Front-End-UI-Framework Das unterscheidet sich von denen, die auf MVVM basieren. Das zugrunde liegende UI-Framework.

Vorteile: nativer Entwicklungsmodus, Modularität, starke Kompatibilität

layui kann als schnelle Entwicklungslösung für PC-Webseiten-Backend-Systeme und Front-End-Schnittstellen verwendet werden

Für Weitere Laui-Kenntnisse finden Sie in der Spalte Tutorial zur Laui-Nutzung.

2. Beispiel für die Verwendung der Layui-Datumskontrolle

Einführung in 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; //指定元素
      });
});

Erreichen Sie das Wirkung:

Verwendung der Layui-Datumskontrolle (Beispiel)

Das obige ist der detaillierte Inhalt vonVerwendung der Layui-Datumskontrolle (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel:Lernform in Laui (Beispiel)Nächster Artikel:Lernform in Laui (Beispiel)