Layui 日付制御の使用法 (例)

リリース: 2019-11-29 13:44:43
転載
5306 人が閲覧しました

Layui 日付制御の使用法 (例)

1.layui の概要:

layui は、独自のモジュール仕様を使用して記述されたフロントエンド UI フレームワークであり、オープンソースのモジュラー フロントエンド UI フレームワークです。 MVVM に基づくものとは異なり、基礎となる UI フレームワーク。

利点: ネイティブ開発モード、モジュール性、強力な互換性

layui は、PC の Web 側バックエンド システムおよびフロントエンド インターフェイスの迅速な開発ソリューションとして使用できます

さらにlayuiの知識が必要な場合は、layuiの使い方チュートリアル列に注目してください。

2. 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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート