layui的laydate控件的使用

本文主要是介绍layui的laydate控件的使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目前使用的layui版，没有单独使用laydate。
官网上的例子是每个属性单独设置的，我稍微整合了一下常用属性。

引入了css和js以后

//初始化时间
layui.use('laydate', function() {//初始化layuivar laydate = layui.laydate;//执行一个laydate实例laydate.render({elem: '.date' //指定元素  元素选择器, type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒), format: 'MM-dd'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss, range: false  //是否开始左侧选择  为true时可以左右选择时间, value: new Date() //初始值 今天, min: 0 //几天前或者指定日期'2018-04-28 12:30:00', max: 1 //几天后或者指定日期'2017-04-29 12:30:00', btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定,done: function(value, date){//时间回调console.log(value);console.log(date);}});
});

这篇关于layui的laydate控件的使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---