/** 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. Linux网卡命名enp3s0说明

    用了很多年Linux的我在升级Ubuntu 16.04之后竟然发现我的以太网卡的名字竟然不是eth0,变成了enp3s0,每次想要修改什么配置,都要先ifconfig查一下网卡名,真是让我很郁闷! 去 ...

  2. angularjs1+nodejs搭建的个人博客 实战个人项目

    项目地址:https://github.com/MrZwqShuai/Micro-agency-Demo

  3. ubuntu安装mysql-python

    1.首先你要确定ubuntu更新源能用.以下的源适合13.X和14.X,低版本号的ubuntu没试过.毕竟劳资不是測试人员. 为了安全起见 cp /etc/apt/source.list /etc/a ...

  4. Struts2_day01--Struts2的核心配置文件_常量配置_分模块开发_Action编写方式

    Struts2的核心配置文件 1 名称和位置固定的 2 在配置文件中主要三个标签 package.action.result,标签里面的属性 标签package 1 类似于代码包,区别不同的actio ...

  5. Entity Framework 学习建议及教学PPT

    EntityFramework(EF)是微软平台主流的数据存取技术.为了给学生介绍这一技术,我制作了三讲Entity Framework 5.0教学PPT,包括相应源码及示例数据库. 教学内容主要参考 ...

  6. Linux命令之乐--read

    read 命令从标准输入中读取一行,并把输入行的每个字段的值指定给 shell 变量 -p:后接屏幕输出的提示语句 -n:设定输入的字符个数,当达到指定的个数则自动退出,并将输入赋予给变量 -t:当输 ...

  7. Json数组基础知识

    1.对象是一个无序的“‘名称/值’对”集合. (1)一个对象以“{”(左括号)开始,“}”(右括号)结束. (2)每个“名称”后跟一个“:”(冒号): (3)“‘名称/值’ 对”之间使用“,”(逗号) ...

  8. 7624:山区建小学(划分dp)

    7624:山区建小学 查看 提交 统计 提问 总时间限制: 1000ms 内存限制: 65536kB 描述 政府在某山区修建了一条道路,恰好穿越总共m个村庄的每个村庄一次,没有回路或交叉,任意两个村庄 ...

  9. C 语言开发初涉-01 简单学习

    尝试用C语言写windows程序: 简单的计算器 1.0版,仅用来熟悉C 开发windows的一些语法和语句用法 #include "stdafx.h" #include < ...

  10. 安装dede UTF_8时报出了一个致命错误和警告,最后不能显示网站后台和首页了

    安装dede UTF_8时报出了一个致命错误和警告,最后不能显示网站后台和首页了.报错如下: 登陆首页显示:Fatal error: Call to undefined function ParCv( ...