《OCenterV3開發手冊》之timePicker時間選擇器

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

        },

    });

    

})

相關文章
相關標籤/搜索