实例:
<input type="text" id="date" readonly class="date-input"> /** * 创建日期选择组件实例 * @param 'date' // data为输入框的id值 */ var appDateField = new APPDateField('date', { isCN: true, //是否显示中文, 如: " 2014年4月1日 " commer: '/', //期间之间的间隔符, 默认为 "/",当 isCN为 true时, 这个设置失效 complate: function(evt){ // "完成"按钮触发事件 console.log(this) console.log(this.currDate); }, cancel: function(evt){ // "取消"按钮触发事件 console.log('Cancel---'); } });
-
upYear:
上限年份 -
downYear:
下限年份 -
data:
选择数据,自定义数据选择,相当于select标签 -
defaultValue:
默认值,如果data存在,必须是数组 -
title:
标题 -
addClass:
对象层需要添加的class -
fontSize:
列表字体大小 -
cancelTxt:
取消按钮文字,默认: '取消' -
completeTxt:
确认按钮文字,默认: '完成' -
complete:
点击确认后回调 -
cancel:
点击取消后回调 -
moveEnd:
滑动停止后回调 -
isCN:
为日期时间选择时,是否显示中文,默认: true -
isCircle:
是否设置凸镜效果,默认: true -
showYear:
是否显示年份,默认: true -
showMonth:
是否显示月份,默认: true -
showDate:
是否显示日,默认: true -
showTime:
是否为时间选择器,默认: false -
commer:
日期间隔,默认 ‘-’,(当isCN为true时,无效)