日历

• 默认日历（已经支持鼠标滑动选择，以及再次单击已选中日历，会取消选择）

  
  
  

• 输入框下拉日历（从input取默认日期）

  
  
  

• 开始和结束日期限制（2012年4月1日到2012年5月10日）

  
  
  

• 日期连续选择（按住Shift键不放，点选日期）

  
  
  

• 日期连续选择（连续选择日简略输出，请按住Shift键，选择日期试试）

  
  
  

• 日期连续选择（禁止多选）

  
  
  

• 日期连续选择（本地化，支持多种语言）

  
  
  

• 使用方法

  var picker = new $kit.ui.DatePicker({
  	dateFormat : 'yyyy年mm月dd日', //接受和输出的日期格式
  	language : 'cn',//本地化语言
  	show : false, //默认是否显示
  	canMultipleChoose : true, //能否多选
  	dateStringSeparator : ',', //多选时候输出分隔符
  	shiftSelectOutType : 'full', //多选时候输出类型，full为将选中的日期全部输出，short为输出选中日期的开头和结尾
  	shiftSelectOutTypeShortSeparator : '~'//当输出类型为short时，比如选中了3月1日到3月10日，则输出"3月1日~3月10日",简短输出，只有开头+分隔符+结尾
  });
  picker.init();//执行初始化
  更多参数请参考源码https://github.com/xueduany/KitJs/blob/master/KitJs/src/js/widget/DatePicker/datepicker.js
  

  api

  方法	说明
  init	初始化日历
  show	显示日历
  hide	隐藏日历
  getValue	或者日历的选中日期
  事件	说明
  change	日历选择日期发生改变时触发