jeDate除了包含 日历可以直接显示与点击显示、日期标注点、设定年月(YYYY-MM)、日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,操作等常规功能外,还拥有更多趋近完美的解决方案。

Github下载:github.com/singod/jeDate 

官网下载:jedate.zip 

米扑示例:mimvp-jedate  (推荐

 

注意事项

  1. 解压后,将jedate整个文件放至您项目的任意目录,不要移动其文件结构,它们具有完整的依赖体系
  2. 使用只需在页面引入jedate.js即可。 如: <script type="text/javascript" src="jeDate/jedate.js"></script> 

 

浏览器兼容

  1. Internet Explorer >=8 (Windows)
  2. Safari (Mac)
  3. Chrome (Windows, Mac, iOS, Linux, Chrome OS)
  4. Firefox (Windows, Mac, Linux, Firefox OS)
  5. 谷歌内核浏览器,如360浏览器,搜狗浏览器,QQ浏览器等

 

核心方法:jeDate(options)

dateCell:"#id",                 //目标元素。由于jedate.js封装了一个轻量级的选择器,因此dateCell还允许你传入class、tag这种方式 '#id .class'  
isDisplay:false,                //是否直接显示日期层,false不直接显示,true直接显示需要displayCell配合
displayCell:"#id",              //直接显示日期层的容器,可以是ID  CLASS
format:"YYYY-MM-DD hh:mm:ss",   //日期格式
minDate:"1900-01-01 00:00:00",  //最小日期
maxDate:"2099-12-31 23:59:59",  //最大日期
isinitVal:false,                //是否初始化时间
isTime:false,                   //是否开启时间选择
ishmsLimit:false,               //时分秒限制
isClear:false,                  //是否显示清空
festival:false,                 //是否显示节日
zIndex:999,                     //弹出层的层级高度
marks:null,                     //给日期做标注
choosefun:function(val) {},     //选中日期后的回调
clearfun:function(val) {},      //清除日期后的回调
okfun:function(val) {}          //点击确定后的回调

 

支持格式类型

  •  YYYY-MM-DD hh:mm:ss
  •  YYYY-MM-DD hh:mm
  •  YYYY-MM-DD
  •  YYYY-MM
  •  hh:mm:ss
  •  hh:mm

 

米扑示例mimvp-jedate 

 

参考推荐:

jedate (官网)

DatePicker (My97)

BootStrap-datetimepicker (BootStrap)