發布首款支持Shift/Ctrl多選的國產日歷控件，界面仿Twitter風格，支持中文日期類型，支持SImpleDateFormat格式，支持change等自定義事件，全中文注釋和API，歡迎支持

號外：kitjs官方討論QQ群建立了，QQ群號 88093625，歡迎大家加入，討論前端相關話題 

  

新增雙月日歷，多月日歷

地址： http://xueduany.github.com/KitJs/KitJs/index.html#datepicker_nmonth  

 

 

4月13日更新（感謝大家熱心反饋）

1.加入鼠標划動多選

2.加入再次單擊選中日期，會取消選擇 

 

demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker

 

本日歷，支持多語言本地化，且中文支持非常好

 

獨家支持日歷日期多選操作，按住shift鍵，多選，和按住ctrl鍵多選，

      shift選擇效果         ctrl選擇效果

 

支持開始日期和結束日期限制

 

支持自定義事件change，可以方便2次編程

//默認日歷
var picker = new $kit.ui.DatePicker();
picker.init();
$kit.el('#J_datePicker').appendChild(picker.picker);
picker.show();
picker.ev({
      ev : 'change',
      fn : function(e) {
              alert(picker.getValue());
      }
})

 

 

 

 

 

 

使用方法

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

方法	說明
show	顯示
hide	隱藏
getValue	返回選中的日期
init	初始化日歷
ev	注冊事件

 

自定義事件	說明
change	在選中日期時觸發