DatePicker addon API
DatePicker 插件提供开始、结束日期 input 选择框,实现日期过滤功能
初始化参数
new cdtable.addons.DatePicker({
container: '#cdtable-datepicker-wrap', // 插件 UI 容器;可为空
start: new Date('2016-01-01'), // 默认查询开始日期;可为空
end: new Date(), // 默认查询结束日期;可为空
startMin: new Date('2015-01-01'), // 开始日期的最小值;可为空
endMax: new Date(), // 结束日期最大值;可为空;默认:当天
showRangeBtn: true, // 是否显示 rangeBtn;可为空;默认:true
btnRange: 'min date', // rangeBtn 文案;可为空:默认:最大日期范围
btnRemove: 'reset', // removeBtn 文案;可为空;默认值:清空
placeholderStart: 'begin date', // 开始 input placeholder;可为空;默认:起始日期
placeholderEnd: 'end date' // 结束 input placeholder;可为空;默认:结束日期
});
getAddonData
获取 datePicker 插件输出数据,格式为:
/*
* {
* start: '2016-03-07',
* end: '2016-03-09'
* }
*/
datePickerAddon.getAddonDate();
事件
cdtable.datepicker.change
在选择日期后触发的事件
$('#cd-table-container').on('cdtable.datepicker.change', function () {
// do something
});
DatePicker 插件依赖 datetimepicker 生成日历控件