Cdlist.addons.Datepicker
重要
datepicker 插件中日期选择功能依赖 flatpickr 需要在页面引入
实例化参数
option.datas
插件显示的日历数组type: array
data.label
日期项目的描述字段type: string
name
input 上的 name 字段type: string
placeholder
input 上的 placeholdertype: string
flatPickrConfig
flatpickr 的配置信息type: Object
option.resetList
筛选项改变后的重置插件列表type: array | default: ['pagination']
option.historyEnable
是否开启 history 记录模式type: bool | default: false
option.container
插件容器type: string
用法
new CdList.addons.DatePicker({
datas: [
{
label: '选择查询日期',
name: 'search_date',
placeholder: '请选择查询日期',
flatPickrConfig: {
onChange: function () {
console.log('flatPickr changed')
}
}
}
]
});
事件
在下面的示例中
datepicker
为实例化对象
① datepicker.on('flatinited')
flatPickr 初始化后的回调,可以保存其实例用于后续的使用
用法
var saveFlatInstances;
datepicker.on('flatinited', function (e, flatArr) {
saveFlatInstances = flatArr;
});