layer时间插件laydate

1. 引入JS。 官网：http://laydate.layui.com

<script type="text/javascript" src="js/laydate.js"></script> 

2. 根据需要做相应的配置。详情参看官网。

<script>  laydate({   elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'   event: 'focus', //响应事件。如果没有传入event，则按照默认的click   format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月   festival: true, //显示节日   istime: true, //显示时间选项   choose: function(datas){ //选择日期完毕的回调    alert('得到：'+datas);   }  }); </script>

1. laydate.render({
2. elem: '#test1' //指定元素
3. });

 

elem - 绑定元素      elem: '#test'

type - 控件选择类型       类型：String，默认值：date

range - 开启左右面板范围选择     类型：Boolean/String，默认值：false

format - 自定义格式      类型：String，默认值：yyyy-MM-dd

value - 初始值      类型：String，默认值：new Date()

isInitValue - 初始值填充            isInitValue: false //是否允许填充初始值，默认为 true

min/max - 最小/大范围内的日期时间值           类型：string，默认值：min: '1900-1-1'、max: '2099-12-31'

trigger - 自定义弹出控件的事件         类型：String，默认值：focus，如果绑定的元素非输入框，则默认事件为：click

show - 默认显示     类型：Boolean，默认值：false

position - 定位方式    类型：String，默认值：absolute

zIndex - 层叠顺序   类型：Number，默认值：66666666

showBottom - 是否显示底部栏     类型：Boolean，默认值：true

btns - 工具按钮    类型：Array，默认值：['clear', 'now', 'confirm']

lang - 语言     类型：String，默认值：cn           cn（中文版）、en（国际版，即英文版）

theme - 主题     类型：String，默认值：default       default（默认简约）、molv（墨绿背景）、#颜色值（自定义颜色背景）、grid（格子主题）

calendar - 是否显示公历节日     类型：Boolean，默认值：false

mark - 标注重要日子     类型：Object，默认值：无    

控件初始打开的回调  ready: function(date){}

日期时间被切换后的回调    change: function(value, date, endDate){}

控件选择完毕后的回调    done: function(value, date, endDate){}