ホームページ >ウェブフロントエンド >jsチュートリアル >layDateコンポーネントを使用して日時ピッカーを作成する方法
layDateコンポーネントを使用して日時ピッカーを作成する方法
- 清浅オリジナル
- 2019-01-18 14:29:533402ブラウズ
layDate コンポーネントを使用して日付と時刻のピッカーを作成する方法: 最初に、layDate コンポーネントを公式 Web サイトからダウンロードし、次に、laydatejs ファイルを外部からインポートし、最後にメソッドを直接呼び出して日付と時刻の効果を完了します。タイムピッカー。
この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
最初に、layDate コンポーネントを公式 Web サイトからダウンロードし、次にlaydatejs ファイルを外部に導入し、最後にメソッドを直接呼び出して日付と時刻セレクターの効果を完了します。
ほとんどのブラウザでは、日付および時刻 ピッカー コントロールは、ブラウザに付属するネイティブの日付と時刻のピッカーを表示します。これは、ユーザーがブラウザを参照すると、異なる日付と時刻のピッカーが表示されることを意味します。今日共有するのは、日付ピッカー効果を作成するケースです。
layDate 日付と時刻コンポーネント
layDate グループは、独立して維持される 3 つのコンポーネントのうちの 1 つです。年セレクター、年月セレクター、日付セレクター、時刻セレクター、日時セレクター、全サポート範囲選択の 5 種類の選択メソッドが含まれています。
(1)layDate コンポーネントをダウンロードします。
ダウンロードアドレス:https://www.layui.com/laydate/
( 2 )laydate.js ファイルへの外部参照
<script src="./layDate-v5.0.9/laydate/laydate.js"></script>
(3) プログラム コード
<body>
<input type="text" id="text">
<input type="text" id="text1">
<script>
laydate.render({
elem:"#text",
type:"date",
theme:"#CD318E"
});
laydate.render({
elem:"#text1",
type:"time",
theme: "#ccc"
});
</script>
</body>レンダリング:
以上がlayDateコンポーネントを使用して日時ピッカーを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。