ionic
ionic-datepicker
你可以使用bower工具去安装ionic-datepicker插件(对bower工具无感),我这里介绍在ionic项目里直接去安装插件。首先直接去github代码仓库下载js文件ionic-datepicker.bundle.min.js。
找到下载的文件,在dist文件夹找到ionic-datepicker.bundle.min.js,然后一般放置到ionic项目的lib文件夹。
然后在app.js的config中设置日期插件的基础配置,注入“ionicDatePickerProvider”。以下是代码块: //日期选择 var datePickerObj = { inputDate: new Date(), titleLabel: '选择日期', setLabel: '确定', todayLabel: '今天', closeLabel: '关闭', mondayFirst: false, weeksList: ['日', '一', '二', '三', '四', '五', '六'], monthsList: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'], templateType: 'popup', from: new Date(1949, 10, 1), to: new Date(2050, 12, 31), showTodayButton: true, dateFormat: 'yyyy-MM-dd', closeOnSelect: false, disableWeekdays: [] }; ionicDatePickerProvider.configDatePicker(datePickerObj);
在使用日期选择框的页面中添加如下代码,绑定DOM元素。
然后在控制器代码里重写日期选择插件配置的回调函数(基础配置在app.js已经设置了,如果没有什么特殊需求便不需要再设置了)
如果想修改插件的颜色,直接去ionic-datepicker.bundle.min.js修改源代码就好了,全局替换颜色即可。