layDate的使用;jquery日期元件

2019-12-11 22:11:11

layDate是一個很好用的日期元件，在日常的開發中如何使用layDate外掛呢？一起來看一下吧。

js程式碼：

下載layDate外掛。可以直接https://www.layui.com/laydate進行外掛的下載。

解壓layDate外掛，然後複製laydate資料夾裡面的內容，貼上到新建專案的js資料夾下。

開啟新建的html內碼表面，建立一個input文字方塊，然後給這個文字方塊設定id，案例中id="test"

引入laydate.js檔案，建立script標籤，然後通過這個標籤的src屬於引入laydate.js檔案

使用時間元件。在引入laydate.js檔案後面新建一個scrtip標籤,然後通過外掛提供的laydate.render(）為文字方塊設定時間控制元件。

程式碼：

laydate.render({

elem: '#test' //元素的id

});

儲存html程式碼後使用瀏覽器開啟，滑鼠放到文字方塊上，文字方塊下方這個時候就會顯示時間選擇框。