一、下載layui的js和css,下載laydate的js,在需要引用laydate時間控件的引入相應的js和css
【layui/css/layui.css、laydate/laydate.js、layui/layui.js】
二、html
<input placeholder="生日" name="birthday" readonly required class="birthday" />
三、js
//【elem】時間控件綁定的對象,【value】時間控件顯示時,默認跳轉到的日期。【isInitValue】input框不顯示初期値,【done】點擊選定日期後的,後續處理
var init_date = '2009-01-01' layui.use('laydate', function(){ var laydate = layui.laydate; lay('.birthday').each(function(){ laydate.render({ elem: this ,value: init_date ,isInitValue: false ,done: function(value, date, endDate){ //選好日期後的後續處理 } }); }); });