只使用elem参数
显示代码
laydateTab.render({
    elem : '#indate',
});
					
初始化值
显示代码
laydateTab.render({
    elem : '#indate2',
    value : '2020-10-15'
});
					
多个初始化值
显示代码
laydateTab.render({
    elem : '#indate3',
    value : ['2020', '2020-10', '2020-10-15']
});
					
显示年、月类型选项卡[快捷入参]
显示代码
laydateTab.render({
	  elem : '#indate4',
	  type : 'ym'
});
					
显示年、月类型选项卡[普通入参]
显示代码
laydateTab.render({
    elem : '#indate5',
    type : ['year', 'month']
});
					
显示日期、时间、日期时间类型选项卡[普通入参]
显示代码
laydateTab.render({
    elem : '#indate6',
    type : ['date', 'time', 'datetime']
});
					
显示全部类型选项卡[快捷入参]
显示代码
laydateTab.render({
    elem : '#indate7',
    type : 'all'
});
						
显示全部类型选项卡[普通入参]
显示代码
laydateTab.render({
    elem : '#indate8',
    type : ['year', 'month', 'date', 'time', 'datetime']
});
						
显示日期、月、年类型选项卡[普通入参]
显示代码
laydateTab.render({
    elem : '#indate9',
    type : ['date', 'month', 'year']
});
						
定制标题
显示代码
laydateTab.render({
    elem : '#indate10',
    type : 'all',
    title : ['年份', '月份', '日期', '时间', '日期+时间']
});
						
全部选项卡范围选择
显示代码
laydateTab.render({
    elem : '#indate11',
    type : ['year', 'month', 'date'],
    range : '~'
});
						
只有选项卡日期才范围选择
显示代码
laydateTab.render({
    elem : '#indate12',
    type : ['year', 'month', 'date'],
    range : [null, null, '~']
});
						
初始化默认选择【日期】选项卡
显示代码
laydateTab.render({
    elem : '#indate13',
    type : ['year', 'month', 'date'],
    selected : 'date'
});
					
内置墨绿色主题使用
显示代码
laydateTab.render({
    elem : '#indate14',
    type : ['year', 'month', 'date'],
    theme : 'molv'
});
					
自定义主题使用
显示代码
laydateTab.render({
    elem : '#indate15',
    type : ['year', 'month', 'date'],
    theme : '#393D49'
});
					
渲染成功之后回调使用
显示代码
laydateTab.render({
    elem : '#indate16',
    success : function(tabElem, options) {
        console.log(tabElem);
        console.log(options);
    }
});
					
切换选项卡回调使用
显示代码
laydateTab.render({
    elem : '#indate17',
    type : 'all',
    changeTab : function(type, title) {
        console.log(type);
        console.log(title);
    }
});
					
选择完毕的回调使用
显示代码
laydateTab.render({
    elem : '#indate18',
    type : ['year', 'month', 'date'],
    range : [null, null, '~'],
    done : function(value, date, endDate) {
        console.log(value);
        console.log(date);
        console.log(date);
    }
});
					
销毁选项卡之后的回调使用
显示代码
laydateTab.render({
    elem : '#indate19',
    end : function(elem) {
        console.log(elem);
    }
});
					
format-统一自定义格式使用
显示代码
laydateTab.render({
    elem : '#indate20',
    format : 'yyyy年M月d日'
});
					
format-各自自定义格式使用
显示代码
laydateTab.render({
    elem : '#indate21',
    format : ['yyyy年', 'yyyy-MM', 'yyyy/MM/dd']
});
					
最大最小值限制统一使用
显示代码
laydateTab.render({
    elem : '#indate22',
    type : 'all',
    min : '2020-1-1 08:00:00',
    max : '2020-12-31 23:59:59'
});
					
最大最小值限制区分类型使用
显示代码
laydateTab.render({
    elem : '#indate23',
    type : 'all',
    min : ['2020-1-1', '2020-1-1', '2020-1-1', '00:00:00', '2020-12-1 08:00:00'],
    max : ['2021-12-31', '2020-6-30', '2020-12-31', '12:00:00', '2020-12-31 23:59:59']
});
					
btns-按钮全部类型统一自定义使用
显示代码
laydateTab.render({
    elem : '#indate25',
    btns : ['clear', 'confirm']
});
					
btns-按钮类型区分自定义使用
显示代码
laydateTab.render({
    elem : '#indate26',
    btns : [['clear', 'confirm'], null, null]
});