JQuery EasyUI 扩展方法 日期控件 设置时间段函数
/** 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 扩展方法 日期控件 设置时间段函数的更多相关文章
- jquery datepicker-强大的日期控件
在web开发中,总会遇到需要用户输入日期的情况.一般都是提供一个text类型的input供用户输入日期.然而,这种方式,开发人员必须对用户输入的日期进行验证,判断其合法性.除此之外,让用户输入日期也是 ...
- jQuery里面的datepicker日期控件默认是显示英文的,如何显示中文或其他语言呢?
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...
- JQuery datepicker 日期控件设置
datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <h ...
- 【前端控件】JQuery datepicker 日期控件设置
datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <h ...
- jQuery UI的datepicker日期控件如何让他显示中文
首先是引入UI的JS文件和模板文件,如下: <link rel=”stylesheet” href=”./ui/themes/le-frog/jquery.ui.all.css”> < ...
- Wdatepicker日期控件的使用指南 (转)
Wdatepicker日期控件的使用指南 标签: inputclass语言functionstring正则表达式 2012-02-10 15:48 40826人阅读 评论(5) 收藏 举报 .embo ...
- my97日期控件
http://www.seabroad.cn/cq/datepick/demo.htm 但是由于某些原因,担心这个网站不稳定,所以复制一下 一. 简介 1. 简介 目前的版本是:4.0 Prerele ...
- jsp日期插件My97DatePicker 强大的日期控件 使用方便简单
本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介 目前的版本是:4.7 2. 注意事项 My97Dat ...
- 日期控件My97DatePicker的使用
一. 简介 1. 简介 目前的版本是:4.8 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.h ...
随机推荐
- phpcms V9内容页调用标签
1.页面标题:{$title} 2.发表时间:{$inputtime} 3.内容来源:{$copyfrom} 4.文章内容:{$content} 5.缩略图地址:{$thumb} 6.组图列表: {l ...
- U盘插入拔出提示
Unit Unit1; Interface Uses Windows, Messages, SysUtils, Variants, classes, Graphics, Controls, Forms ...
- Django学习笔记第十篇--实战练习六--发送邮件
一.发送邮件需要引入的包依赖文件(Django1.8 Python2.7) from django.core.mail import send_mail,send_mass_mail 其中send_m ...
- jpa单向多对一关联映射
表结构 student class Class package auth.model; import javax.persistence.Column; import javax.persistenc ...
- [Gradle] 针对不同的项目类型应用不同的 findbugs 配置
build.gradle in project root subprojects { subProject -> plugins.withId('com.android.application' ...
- 妙味,结构化模块化 整站开发my100du
********************************************************************* 重要:重新审视的相关知识 /* 妙味官网:www.miaov ...
- 巨蟒python全栈开发flask12项目开始4
1.App实现录音功能 2.App上传录音 3.Toy消息提醒+消息存储 4.Toy收取消息 5.Chat页面完善&&本地播放&&网络播放&&获取聊天记 ...
- android开发时程序出现崩溃问题
原因:项目目录下的:src与gen中的包名不一致时,出现问题 <manifest xmlns:android="http://schemas.android.com/apk/res/a ...
- Spring Cloud Zuul与网关中间件
Spring Cloud Zuul与网关中间件_网易订阅 http://dy.163.com/v2/article/detail/DC7L8UV10511HSJK.html
- Windows中压缩版的MySQL的安装、配置
本次笔记是根据mysql-8.0.13-winx64版本编写: 1.将下载的压缩包解压到自己想放的目录 2.右键计算机 -> 属性 -> 高级系统设置 -> 环境变量 -> 系 ...