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