分享一款非常漂亮的JQ日期插件jeDate

摘要
阿里云产品通用代金券,最高可达2000元

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

注意:jeDate从3.5版本开始改为jquery版本的日期控件 

使用方法和一般的插件一样

<!--引入插件-->
<script type="text/javascript" src="jedate/jquery-1.7.2.js"></script>
<script type="text/javascript" src="jedate/jquery.jedate.js"></script>
<link type="text/css" rel="stylesheet" href="jedate/skin/jedate.css">
<script>
<!--调用插件-->
$("#date01").jeDate({
    minDate: '2016-06-16 23:59:59',
    maxDate: $.nowDate(0),
    format:"YYYY-MM-DD hh:mm:ss",
    zIndex:3000,
})
</script>
<input id="date01" type="text" placeholder="YYYY-MM-DD hh:mm:ss" value="">

参数说明:

skinCell:"jedateblue",                //日期风格样式,默认蓝色
format:"YYYY-MM-DD hh:mm:ss",         //日期格式
minDate:"1900-01-01 00:00:00",        //最小日期
maxDate:"2099-12-31 23:59:59",        //最大日期
insTrigger:true,                      //是否为内部触发事件,默认为内部触发事件
startMin:"",                          //清除日期后返回到预设的最小日期
startMax:"",                          //清除日期后返回到预设的最大日期
isinitVal:false,                      //是否初始化时间,默认不初始化时间
initAddVal:[0],                       //初始化时间,加减 天 时 分
isTime:true,                          //是否开启时间选择
ishmsLimit:false,                     //时分秒限制
ishmsVal:true,                        //是否限制时分秒输入框输入,默认可以直接输入时间
isClear:true,                         //是否显示清空
isToday:true,                         //是否显示今天或本月
clearRestore:true,                    //清空输入框,返回预设日期,输入框非空的情况下有效
festival:false,                       //是否显示农历节日
fixed:true,                           //是否静止定位,为true时定位在输入框,为false时居中定位
zIndex:2099,                          //弹出层的层级高度
marks:null,                           //给日期做标注
choosefun:function(elem, val) {},     //选中日期后的回调, elem当前输入框ID, val当前选择的值
clearfun:function(elem, val) {},      //清除日期后的回调, elem当前输入框ID, val当前选择的值
okfun:function(elem, val) {},         //点击确定后的回调, elem当前输入框ID, val当前选择的值
success:function(elem) {},            //层弹出后的成功回调方法, elem当前输入框ID

展示效果:

显示农历

1111.png


限制最小时间

2222.png


显示年月日和时分秒

3333.png


显示年月日

4444.png


显示年和月

5555.png


显示时分秒

6666.png


说明文档:jeDate中文说明文档

远程下载:jeDate日期控件-Deom.zip   大小:53.69 KB

目前评论:1 条

  1. avatar 凯哥自媒体 回复 3年前 (2017-01-10)

    挺好的,感谢博主的分享。