博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《OCenterV3开发手册》之timePicker时间选择器
阅读量:6855 次
发布时间:2019-06-26

本文共 652 字,大约阅读时间需要 2 分钟。

hot3.png

gitee版本库

功能说明:

用于列表筛选时间或者选择时间,比原有的laydate组件上多了几个特定的时间供用户选择,如 今天,昨天,本月,上月。

同时还集成了js格式化时间插件moment.js,该组件还支持时间戳显示。

样式展示:

html代码实例:

1

<input type="text" class="layui-input " name="" id="demo" value="" placeholder="">

js代码实例:

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

        },

    });

    

})

转载于:https://my.oschina.net/u/1014458/blog/2209308

你可能感兴趣的文章
<Android 基础(二十一)> Android 屏幕适配
查看>>
CFile与CStdioFile的区别
查看>>
LNMP的安装--详细版
查看>>
Windows 8 系列(七):使用异步API:await 和 async
查看>>
采坑“微信小程序”
查看>>
Nova官方资料入口处
查看>>
通过GeoIP2分析访问者IP获取地理位置信息
查看>>
20个大背景风格网页设计作品欣赏
查看>>
Google-Authenticator
查看>>
Android开发指南(37) —— Data Backup
查看>>
【VLC-Android】LibVLC API简介(相当于VLC的MediaPlayer)
查看>>
分享一个收集到的文件和目录操作类FileSystemObject
查看>>
团队建设的小技巧
查看>>
laravel 基础知识总结
查看>>
第八次会
查看>>
利用脚本打包的动态库 在打包发布时出现得问题解析 ERROR ITMS-90362等
查看>>
Tomcat安全配置规范
查看>>
Configure Dynamics 365 and Azure Service Bus Integration (using OneWay relay and listener)
查看>>
必须掌握的30种SQL语句优化
查看>>
day14-css边框以及其他常用样式
查看>>