使用jeDate日期控件

http://www.jemui.com/uidoc/jedate.html

<span class="datetxt">开始日期：</span><input type="text" class="dateinput dateicon" id="inpstart" readonly>
<span class="datetxt">结束日期：</span><input type="text" class="dateinput dateicon" id="inpend" readonly>

var start = {}, end = {};
jeDate("#inpstart",{format:"YYYY-MM-DD hh:mm:ss",maxDate: function (that) {//that 指向实例对象return jeDate.valText(that.valCell) == "" ? jeDate.nowDate({DD:0}) : start.maxDate;}, //设定最大日期为当前日期donefun: function(obj){end.minDate = obj.val; //开始日选好后，重置结束日的最小日期jeDate("#inpend",LinkageEndDate(false));}
});
jeDate('#inpend',LinkageEndDate);function LinkageEndDate(istg) {return {trigger : istg || "click",format:"YYYY-MM-DD hh:mm:ss",minDate: function (that) {//that 指向实例对象var nowMinDate = jeDate.valText('#inpstart') == "" && jeDate.valText(that.valCell) == "";return nowMinDate ? jeDate.nowDate({DD:0}) : end.minDate ;}, //设定最小日期为当前日期maxDate: '2099-06-16 23:59:59', //设定最大日期为当前日期donefun: function(obj){start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期}};
}

效果图：

转载于:https://my.oschina.net/u/3748375/blog/3100910

使用jeDate日期控件相关推荐

input绑定的jedate日期控件的值改变时触发事件问题
一.input绑定的jedate日期控件的值改变时触发事件问题一般input中值发生改变,用onchange 就可以触发事件,但我现用jedate日期控,选中日期后,发现onchange无效. 后经 ...
jeDate日期控件的验证
前面用到了jeDate日期控件的使用,https://www.jianshu.com/p/393d9e992144,在这个控件的基础上,做出一些完善:关于jeDate日期控件的验证的问题: 一般会有三 ...
jedate日期控件的图标乱码
jedate日期控件的图标乱码变成小方块解决方法: 因为bootstrap样式影响了font-family,所以在页面重写以下样式:http://www.yayihouse.com/yayishuw ...
日期时间选择器-jeDate日期控件
官方文档地址:http://www.jemui.com/uidoc/jedate.html 控件展示如图各种各样的时间控件都有. 我用在后台的是年月日时分秒的那个,如下图独立jeDate下载:ht ...
app中jeDate日期控件的使用
如果是knockout监听对象那么可封装 define(function (require) { 'use strict'; var lib = { ko: requi ...
jaDate日期控件开始日期与结束日期、日期联动
一.效果使用jaDate日期控件:一个为开始日期,另外一个为结束日期,两个日期之间建立相互约束关系.即开始日期不能大于结束日期,结束日期不能小于开始日期. 二.所需插件三.代码注意:设置最小日期 ...
【基础篇】DatePickerDialog日期控件的基本使用(一)
项目步骤: 1.首先在Main.xml布局文件中添加一个Button标签,用来点击显示日期控件,Main.xml内容如下: <RelativeLayout xmlns:android=" ...
jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？...
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...
ASP.NET中 Calendar(日期控件)的使用
ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用 ASP.NET中 Calendar(日期控件)的使用. 1.A,运行效果返回顶部 Calendar(日期 ...
Wdatepicker日期控件的使用指南
示例2-3-1 起始日期简单应用示例2-3-2 alwaysUseStartDate属性应用示例2-3-3 使用内置参数示例 2-4-1: 年月日时分秒示例 2-4-2 时分秒示例 2-4- ...

使用jeDate日期控件

使用jeDate日期控件相关推荐

最新文章

热门文章