/** 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. 【BZOJ4864】[BeiJing 2017 Wc]神秘物质 Splay

    [BZOJ4864][BeiJing 2017 Wc]神秘物质 Description 21ZZ 年,冬. 小诚退休以后, 不知为何重新燃起了对物理学的兴趣. 他从研究所借了些实验仪器,整天研究各种微 ...

  2. 【BZOJ3438】小M的作物 最小割

    [BZOJ3438]小M的作物 Description 小M在MC里开辟了两块巨大的耕地A和B(你可以认为容量是无穷),现在,小P有n中作物的种子,每种作物的种子 有1个(就是可以种一棵作物)(用1. ...

  3. ipad4没有声音提示消息

    打开『设置』-『通用』-侧边开关用于: 1:锁定屏幕旋转 2:静音 √ 把对号去掉 选择1即可

  4. SaltStack数据系统-Pillar

    上一篇:SaltStack数据系统-Grains 使用saltstack进行配置管理可以使用pillar定义主机假如是Openstack修改了一下nova的密码就需要修改很多配置文件 pillar很安 ...

  5. Oracle涂抹oracle学习笔记第10章Data Guard说,我就是备份

    DG 是备份恢复工具,但是更加严格的意义它是灾难恢复 Data Guard是一个集合,由一个Primary数据库及一个或者多个Standby数据库组成,分两类逻辑Standby和物理Standby 1 ...

  6. 用rm递归递归删除子目录下所有.o后缀文件

    find . -name "*.o"  | xargs rm -f   可以通过管道命令来操作,先find出主目录 下想删除的文件,然后通过“xargs”这个构造参数列表并运行命令 ...

  7. Django在生产环境中的部署

    基本思路 1.方案:Nginx+uwsgi 这样大体的流程是:nginx作为服务器最前端,负责接收client的所有请求,统一管理.静态请求由Nginx自己处理.非静态请求通过uwsgi传递给Djan ...

  8. linux多服务器之间的目录文件同步

    一.rsync是什么 在开始正式学习rsync之前,我们先来回答这个问题:rsync是什么. rsync(remote synchronize)是Liunx/Unix下的一个远程数据同步工具.它可通过 ...

  9. 007-Shell test 命令,[],[[]]

    一.概述 test 命令用于检查某个条件是否成立,它可以进行数值.字符和文件三个方面的测试. 其中[]完全等价于test,只是写法不同.双中括号[[]]基本等价于[],它支持更多的条件表达式,还允许在 ...

  10. 002-shell变量定义、使用、字符串、数组、注释

    一.变量定义 定义变量时,变量名不加美元符号($) name="lhx" 注意,变量名和等号之间不能有空格.同时,变量名的命名须遵循如下规则: 命名只能使用英文字母,数字和下划线, ...