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

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

bootstrap时间控件--时间选择器
对应上面的三个时间选择器,写法如下: 首先引入css和js: <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/boots ...
bootstrap-datetimepicker时间控件
bootstrap-datetimepicker时间控件使用layui的laydate时间控件无法很好地嵌入到bootstap布局中(具体参考日期和时间组件文档 - layui.laydate),因 ...
HTML5超简单的日期时间控件
HTML5超简单的日期时间控件时间都是宝贵的,尤其是开发人员,所以为了节省时间,我直接展示下效果,符合您的要求就采纳,不符合,就不用继续看了! 1.1 日期控件效果: 1.2 时间控件展示: 2.1 ...
My97DatePicker时间控件使用
My97DatePicker时间控件使用 My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件: ...
bootstrap-datetimepicker时间控件添加清除按钮
本文转自:https://blog.csdn.net/gyysmile/article/details/80226993 其实这位大神写的很好了,为什么我还要在写呢,因为我想写点东西了最近测试部提出 ...
python日历gui_python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例...
PyQt5日期时间控件QDateTimeEdit介绍 QDateTimeEdit是一个允许用户编辑日期时间的控件,可以使用键盘上的上下键头按钮来增加或减少日期的时间值,QDateTimeEdit通过s ...
robotframe使用之时间控件
robotframe使用之时间控件正常的页面,时间控件会写在一个iframe里面,所以robotframework找不到对的ID或者xpath等. 要解决这个问题必选先显示iframe. 使用关键字 ...
bootstrap日期时间控件
datetime控件 Bootstrap的日期时间控件,使用非常的简单. 首先,添加日期时间控件的引用 @*datetime控件*@<link href="~/Content/Boot ...
EXC中时间控件的使用
EXC中时间控件的使用第一种:用户可以自主选择时间页面效果: 对应代码:format: 'Y-m-d H:i:s',是时间格式,可以自己选择,Y-m-d H:i:s按照顺序分别对应的是年月日时分秒 ...

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

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

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

最新文章

热门文章