一款好用的时间控件(时间选择器)-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

猜你喜欢

转载自blog.csdn.net/qq_23334071/article/details/52527594