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('laydate', function () {
     var laydate = layui.laydate;
     //执行一个laydate实例
      laydate.render({
        elem: '#start' //指定元素
      });
});

達成効果:

以上がLayui 日付制御の使用法 (例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。