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 ...
随机推荐
- MediaPlayer播放音频,也可以播放视频
使用MediaPlayer播放音频或者视频的最简单例子: JAVA代码部分: public class MediaPlayerStudy extends Activity { private Butt ...
- 《转》武汉的IT公司
本文转载自sherry020406前段时间看到版上有同学问在武汉找工作的情况,我谈谈去年找工作时碰到或者听到的一些企业,希望以下内容对想去武汉工作的同学有帮助,也算是对job版的回报.有些公司的情况可 ...
- go练习1-翻转字符串
//翻转字符串 func T1_1() { str := "你好helloworld!" fmt.Println("翻转前", str) var ret str ...
- android RelativeLayout属性和布局实例
// 相对于给定ID控件 android:layout_above 将该控件的底部置于给定ID的控件之上; android:layout_below 将该控件的底部置于给定ID的控件之下; andro ...
- R中利用SQL语言读取数据框(sqldf库的使用)
熟悉MySQL的朋友可以使用sqldf来操作数据框 # 引入sqldf库(sqldf) library(sqldf) # 释放RMySQL库的加载(针对sqldf报错) #detach("p ...
- windows10子系统配置vim
.cmd背景,字体等配置 (1)设置背景颜色44 50 59 (2)设置字体 大小 颜色 Courier New 20 白色 2.ubuntuvim配置(etc/vim/vimrc):(1)配置vim ...
- Codeforces Round #427 (Div. 2)—A,B,C,D题
A. Key races 题目链接:http://codeforces.com/contest/835/problem/A 题目意思:两个比赛打字,每个人有两个参数v和t,v秒表示他打每个字需要多久时 ...
- null array mysqli_fetch_assoc ( mysqli_result $result ) void mysqli_free_result ( mysqli_result $result )
w取最大db_id. if($row=null){ var_dump(123); } var_dump($row); if($rowb=array('ww','w123')){ var_dump(23 ...
- green rgb(255, 102, 0) #FF6600
w通过元素背景色定位元素,改变其属性. style="background-color: #FF6600" <script> var w = document.quer ...
- 给input文本框添加灰色提示文字,三种方法.
1.这个是HTML5的属性. h5的好简单.... placeholder="这里输入文字" 2.HTML的: value="你的提示文字" onFocus=& ...