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 生成日历控件