gitee版本庫html
https://gitee.com/yhtt2020/timePickergit
功能說明:ui
用於列表篩選時間或者選擇時間,比原有的laydate組件上多了幾個特定的時間供用戶選擇,如 今天,昨天,本月,上月。spa
同時還集成了js格式化時間插件moment.js,該組件還支持時間戳顯示。插件
樣式展現:code

html代碼實例:orm
1htm |
< input type = "text" class = "layui-input " name = "" id = "demo" value = "" placeholder = "" > 對象 |
js代碼實例:blog
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
layui.config({ base: '__STATIC__/admin/js/' , }); layui.use([ 'timePicker' ], function () { var timePicker = layui.timePicker; timePicker.render({ elem: '#demo' , //定義輸入框input對象 options:{ //可選參數timeStamp,format timeStamp: false , //true開啓時間戳 開啓後format就不須要配置,false關閉時間戳 //默認false format: 'YYYY-MM-DD' , //格式化時間具體能夠參考moment.js官網 默認是YYYY-MM-DD HH:ss:mm }, }); }) |