Skip to content

RodeyManager/APPDateField

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

这个一个移动设备选择组件(日期选择|数据选择)

组件基于Zepto|jQuery

实例:

	<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---');
	    }

	});

Options

  • 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时,无效)

About

移动WebApp日期时间选择组件(webapp date plugin)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published