/** Jquery扩展方法--by hgx 2018年1月8日--
* 设置时间段函数,开始时间(1号)与结束时间(当前日期)
* 传入参数:--spaceMonth:查询间隔月,1为间隔查询一个月;
* --addDay:设置结束时间,0为当前日期;
* --isTime:是否返回日期中带有时间字符串;
* 返回值:arr[0] 开始时间;arr[1] 结束时间
* 调用方法:var arr = $("#TimeStart,#TimeEnd").GetDateStartEndStr(1, -1, true);
* 调用方法:var arr = $("#TimeStart,#TimeEnd").SetDateTimeStartEndStr(1, 0);
**/
(function ($) {
//easyui-datebox
$.fn.SetDateStartEndStr = function (spaceMonth, addDay, isTime) {
var arr = Array(2);
var obj = $(this);
//$.parser.parse('#' + obj[0].id);
//$.parser.parse('#' + obj[1].id);
var dd = new Date();
dd.setDate(dd.getDate() + addDay);
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
m = (m < 10 ? '0' : '') + m;
var d = dd.getDate();
d = (d < 10 ? '0' : '') + d;
var enddate = y + "-" + m + "-" + d;
arr[1] = enddate;
if (isTime) {
arr[1] = enddate + " 23:59:59";
}
$(obj[1]).datebox("setValue", enddate);
$(obj[1]).datebox({
onChange: function (value) {
arr[1] = value;
if (isTime) {
arr[1] = value + " 23:59:59";
}
if (value > enddate) {
arr[1] = enddate;
if (isTime) {
arr[1] = enddate + " 23:59:59";
}
var obj = $(this);
setTimeout(function () {
obj.datebox("setValue", enddate);
}, 100);
}
return arr;
}
});
dd.setMonth(dd.getMonth() + 1 + (spaceMonth * -1));
y = dd.getFullYear();
m = dd.getMonth() + 1;
m = (m < 10 ? '0' : '') + m;
var startdate = y + "-" + m + "-01";
arr[0] = startdate;
if (isTime) {
arr[0] = startdate + " 00:00:00";
}
$(obj[0]).datebox("setValue", startdate);
$(obj[0]).datebox({
onChange: function (value) {
arr[0] = value;
if (isTime) {
arr[0] = value + " 00:00:00";
}
return arr;
}
});
return arr;
}
//easyui-datetimebox
$.fn.SetDateTimeStartEndStr = function (spaceMonth, addDay) {
var arr = Array(2);
var obj = $(this);
//$.parser.parse('#' + obj[0].id);
//$.parser.parse('#' + obj[1].id);
var dd = new Date();
dd.setDate(dd.getDate() + addDay);
var y = dd.getFullYear();
var m = dd.getMonth() + 1;
m = (m < 10 ? '0' : '') + m;
var d = dd.getDate();
d = (d < 10 ? '0' : '') + d;
var enddate = y + "-" + m + "-" + d + " 23:59:59";
arr[1] = enddate;
$(obj[1]).datebox("setValue", enddate); $(obj[1]).datebox({
onChange: function (value) {
arr[1] = value;
if (value > enddate) {
arr[1] = enddate;
var obj = $(this);
setTimeout(function () {
obj.datebox("setValue", enddate);
}, 100);
}
return arr;
}
});
dd.setMonth(dd.getMonth() + 1 + (spaceMonth * -1));
y = dd.getFullYear();
m = dd.getMonth() + 1;
m = (m < 10 ? '0' : '') + m;
var startdate = y + "-" + m + "-01" + " 00:00:00";
arr[0] = startdate;
$(obj[0]).datebox("setValue", startdate);
$(obj[0]).datebox({
onChange: function (value) {
arr[0] = value;
return arr;
}
});
return arr;
}
})(jQuery)

调用实例:

    <tr>
<td style="text-align:right">时间范围</td>
<td>
<input id="MTimeStart" class="easyui-datetimebox" value="" style="width:135px" />
<input id="MTimeEnd" class="easyui-datetimebox" value="" style="width:135px" />
</td>
</tr>
<script type="text/javascript">
var MTime;
$(function () {
MTime = $("#MTimeStart,#MTimeEnd").SetDateTimeStartEndStr(-1, 0);
console.log(MTime);
});
</script>

获取开始日期: MTime[0]

获取结束日期:MTime[1]

JQuery EasyUI 扩展方法 日期控件 设置时间段函数的更多相关文章

  1. jquery datepicker-强大的日期控件

    在web开发中,总会遇到需要用户输入日期的情况.一般都是提供一个text类型的input供用户输入日期.然而,这种方式,开发人员必须对用户输入的日期进行验证,判断其合法性.除此之外,让用户输入日期也是 ...

  2. jQuery里面的datepicker日期控件默认是显示英文的,如何显示中文或其他语言呢?

    jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...

  3. JQuery datepicker 日期控件设置

    datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <h ...

  4. 【前端控件】JQuery datepicker 日期控件设置

    datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <h ...

  5. jQuery UI的datepicker日期控件如何让他显示中文

    首先是引入UI的JS文件和模板文件,如下: <link rel=”stylesheet” href=”./ui/themes/le-frog/jquery.ui.all.css”> < ...

  6. Wdatepicker日期控件的使用指南 (转)

    Wdatepicker日期控件的使用指南 标签: inputclass语言functionstring正则表达式 2012-02-10 15:48 40826人阅读 评论(5) 收藏 举报 .embo ...

  7. my97日期控件

    http://www.seabroad.cn/cq/datepick/demo.htm 但是由于某些原因,担心这个网站不稳定,所以复制一下 一. 简介 1. 简介 目前的版本是:4.0 Prerele ...

  8. jsp日期插件My97DatePicker 强大的日期控件 使用方便简单

    本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介 目前的版本是:4.7 2. 注意事项 My97Dat ...

  9. 日期控件My97DatePicker的使用

    一. 简介 1. 简介 目前的版本是:4.8 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.h ...

随机推荐

  1. 上传Docker镜像到阿里云

      1.配置阿里云的镜像加速器:https://cr.console.aliyun.com/#/accelerator 2.命令行登录到阿里云的doker仓库,--username为阿里云的用户名 d ...

  2. STL map 的 key 元素

    在做 compiler 语义分析时, 需要用到 map<?,?> 在别人的代码上做扩展, 所以有些代码是不能动的 这时, 需要一个 map<symbol,int> 的数据结构, ...

  3. ios 开发之 -- UILabel的text竖行显示

    让UILabel的内容竖行显示,我经常用一下两种方式: 第一种:使用换行符 \n label.text = @"请\n竖\n直\n方\n向\n排\n列"; label.number ...

  4. centos6上安装docker

    yum -y install epel-releaseyum -y install docker-ioyum install device-mapper-event-libs  # 必需安装这一步,否 ...

  5. 简介Objective-C语言

    2011-05-11 11:20 佚名 百度百科 字号:T | T Objective-C,是扩充C的面向对象编程语言.主要使用于Mac OS X和GNUstep这两个使用OpenStep标准的系统, ...

  6. 单反手动对焦M档,AV,TV,P,A,A-DEP

    今天科普一下单反相机的自动对焦设置,以佳能EOS600为例,在镜头的后方会看到一个af,mf的开关.af为auto focus的缩写,自动对焦.mf为手动对焦 自动曝光模式的种类: AV:光圈优先自动 ...

  7. 购物车删除商品,总价变化 innerHTML = ''并没有删除节点,内容仍存在

    w元素的上的下. function deleteLi(tmpId) { //document.getElementById(tmpId).innerHTML = ''; var wdel = docu ...

  8. ACME[free https] Linux中使用curl命令访问https站点4种常见错误和解决方法

    free https certification generator https://github.com/Neilpang/acme.sh/wiki/%E8%AF%B4%E6%98%8E 每一种客户 ...

  9. Storm-源码分析- Component ,Executor ,Task之间关系

    Component包含Executor(threads)的个数 在StormBase中的num-executors, 这对应于你写topology代码时, 为每个component指定的并发数(通过s ...

  10. java基础02

    使用 myeclipse写第一个java程序 之后  右键 点击 src  创建 Class /** * package:包的声明! * 代表我们当前的java源文件在项目中的位置! * 必须位于除了 ...