一款好用的时间控件（时间选择器）-jeDate

一款好用的时间控件（时间选择器）-jeDate

1、引入jedate.js；
2、上代码

1>方法一

<input class="datainp" id="datebut" type="text" placeholder="请选择"  readonly><input type="button" onClick="jeDate({dateCell:'#datebut',isTime:true,format:'YYYY-MM-DD hh:mm:ss'})" value="点击我打开时间控件">

2>方法二

<input class="datainp" id="dateinfo" type="text" placeholder="请选择"  readonly>
<script type="text/javascript">
    jeDate({
        dateCell:"#dateinfo",
        format:"YYYY年MM月DD日 hh:mm:ss",
        isinitVal:true,
        isTime:true, //isClear:false,
        minDate:"2014-09-19 00:00:00",
        okfun:function(val){alert(val)}
    })
</script>

3、参数介绍（参考）

        dateCell:"#id",                       //目标元素。由于jedate.js封装了一个轻量级的选
                                                择器，因此dateCell还允许你传入class、tag
                                                这种方式 '#id .class'
        skinCell:"jedateblue",                //日期风格样式，默认蓝色
        format:"YYYY-MM-DD hh:mm:ss",         //日期格式
        minDate:"1900-01-01 00:00:00",        //最小日期
        maxDate:"2099-12-31 23:59:59",        //最大日期
        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