layui時間選擇器的使用

時間選擇器在一定程度上簡化了日期的輸入，而layui作為一款備受歡迎的前端框架，時間選擇器主要以：年選擇器、年月選擇器、日期選擇器、時間選擇器、日期時間選擇器五種型別的選擇方式為基本核心，並且均支援範圍選擇（即雙控制項），主題簡約卻又不失靈活多樣。接下來就介紹一下日期和時間元件的簡單用法。

這是最原始的樣式寫法，只能夠選擇年月日，樣式也是預設的。elem需要填寫的是需要新增日期選擇器的容器的id值。

一開始就說過，layui的時間元件由年選擇器、年月選擇器、日期選擇器、時間選擇器、日期時間選擇器五種型別為核心組成的。預設值就是日期選擇器。可以通過type屬性進行修改，例如，type:』datatime』，這個型別是日期時間選擇器，除了年月日外還可以選擇時分秒，為最精確的乙個選擇器。

各種型別的選擇器的值和用途如以下所示：

不僅可以選擇單個時間，layui還提供了時間的範圍性選擇，使用range開啟這個屬性，如果需要預設樣式的畫可直接再range的屬性值填寫true，不僅如此，還可以自定義分割的字元

還可以通過format屬性，用不同的格式符組合成一段日期時間字串，可任意排版。寫法如下：

各種組合的例子寫法和示例如下：

還可以為日期設定初始值，設定有限範圍內的日期或時間值等等

這一些就是時間選擇器的基本資料和用法了，有了這些知識一般都可以應對的了時間選擇的大致功能了，後面還有以下更加複雜的內容比較少使用到就不說了。