1. /** Jquery扩展方法--by hgx 2018年1月8日--
  2. * 设置时间段函数,开始时间(1号)与结束时间(当前日期)
  3. * 传入参数:--spaceMonth:查询间隔月,1为间隔查询一个月;
  4. * --addDay:设置结束时间,0为当前日期;
  5. * --isTime:是否返回日期中带有时间字符串;
  6. * 返回值:arr[0] 开始时间;arr[1] 结束时间
  7. * 调用方法:var arr = $("#TimeStart,#TimeEnd").GetDateStartEndStr(1, -1, true);
  8. * 调用方法:var arr = $("#TimeStart,#TimeEnd").SetDateTimeStartEndStr(1, 0);
  9. **/
  10. (function ($) {
  11. //easyui-datebox
  12. $.fn.SetDateStartEndStr = function (spaceMonth, addDay, isTime) {
  13. var arr = Array(2);
  14. var obj = $(this);
  15. //$.parser.parse('#' + obj[0].id);
  16. //$.parser.parse('#' + obj[1].id);
  17. var dd = new Date();
  18. dd.setDate(dd.getDate() + addDay);
  19. var y = dd.getFullYear();
  20. var m = dd.getMonth() + 1;
  21. m = (m < 10 ? '0' : '') + m;
  22. var d = dd.getDate();
  23. d = (d < 10 ? '0' : '') + d;
  24. var enddate = y + "-" + m + "-" + d;
  25. arr[1] = enddate;
  26. if (isTime) {
  27. arr[1] = enddate + " 23:59:59";
  28. }
  29. $(obj[1]).datebox("setValue", enddate);
  30. $(obj[1]).datebox({
  31. onChange: function (value) {
  32. arr[1] = value;
  33. if (isTime) {
  34. arr[1] = value + " 23:59:59";
  35. }
  36. if (value > enddate) {
  37. arr[1] = enddate;
  38. if (isTime) {
  39. arr[1] = enddate + " 23:59:59";
  40. }
  41. var obj = $(this);
  42. setTimeout(function () {
  43. obj.datebox("setValue", enddate);
  44. }, 100);
  45. }
  46. return arr;
  47. }
  48. });
  49. dd.setMonth(dd.getMonth() + 1 + (spaceMonth * -1));
  50. y = dd.getFullYear();
  51. m = dd.getMonth() + 1;
  52. m = (m < 10 ? '0' : '') + m;
  53. var startdate = y + "-" + m + "-01";
  54. arr[0] = startdate;
  55. if (isTime) {
  56. arr[0] = startdate + " 00:00:00";
  57. }
  58. $(obj[0]).datebox("setValue", startdate);
  59. $(obj[0]).datebox({
  60. onChange: function (value) {
  61. arr[0] = value;
  62. if (isTime) {
  63. arr[0] = value + " 00:00:00";
  64. }
  65. return arr;
  66. }
  67. });
  68. return arr;
  69. }
  70. //easyui-datetimebox
  71. $.fn.SetDateTimeStartEndStr = function (spaceMonth, addDay) {
  72. var arr = Array(2);
  73. var obj = $(this);
  74. //$.parser.parse('#' + obj[0].id);
  75. //$.parser.parse('#' + obj[1].id);
  76. var dd = new Date();
  77. dd.setDate(dd.getDate() + addDay);
  78. var y = dd.getFullYear();
  79. var m = dd.getMonth() + 1;
  80. m = (m < 10 ? '0' : '') + m;
  81. var d = dd.getDate();
  82. d = (d < 10 ? '0' : '') + d;
  83. var enddate = y + "-" + m + "-" + d + " 23:59:59";
  84. arr[1] = enddate;
  85. $(obj[1]).datebox("setValue", enddate);
  86.  
  87. $(obj[1]).datebox({
  88. onChange: function (value) {
  89. arr[1] = value;
  90. if (value > enddate) {
  91. arr[1] = enddate;
  92. var obj = $(this);
  93. setTimeout(function () {
  94. obj.datebox("setValue", enddate);
  95. }, 100);
  96. }
  97. return arr;
  98. }
  99. });
  100. dd.setMonth(dd.getMonth() + 1 + (spaceMonth * -1));
  101. y = dd.getFullYear();
  102. m = dd.getMonth() + 1;
  103. m = (m < 10 ? '0' : '') + m;
  104. var startdate = y + "-" + m + "-01" + " 00:00:00";
  105. arr[0] = startdate;
  106. $(obj[0]).datebox("setValue", startdate);
  107. $(obj[0]).datebox({
  108. onChange: function (value) {
  109. arr[0] = value;
  110. return arr;
  111. }
  112. });
  113. return arr;
  114. }
  115. })(jQuery)

调用实例:

  1.     <tr>
  2. <td style="text-align:right">时间范围</td>
  3. <td>
  4. <input id="MTimeStart" class="easyui-datetimebox" value="" style="width:135px" />
  5. <input id="MTimeEnd" class="easyui-datetimebox" value="" style="width:135px" />
  6. </td>
  7. </tr>
  1. <script type="text/javascript">
  2. var MTime;
  3. $(function () {
  4. MTime = $("#MTimeStart,#MTimeEnd").SetDateTimeStartEndStr(-1, 0);
  5. console.log(MTime);
  6. });
  7. </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. MediaPlayer播放音频,也可以播放视频

    使用MediaPlayer播放音频或者视频的最简单例子: JAVA代码部分: public class MediaPlayerStudy extends Activity { private Butt ...

  2. 《转》武​汉​的​I​T​公​司

    本文转载自sherry020406前段时间看到版上有同学问在武汉找工作的情况,我谈谈去年找工作时碰到或者听到的一些企业,希望以下内容对想去武汉工作的同学有帮助,也算是对job版的回报.有些公司的情况可 ...

  3. go练习1-翻转字符串

    //翻转字符串 func T1_1() { str := "你好helloworld!" fmt.Println("翻转前", str) var ret str ...

  4. android RelativeLayout属性和布局实例

    // 相对于给定ID控件 android:layout_above 将该控件的底部置于给定ID的控件之上; android:layout_below 将该控件的底部置于给定ID的控件之下; andro ...

  5. R中利用SQL语言读取数据框(sqldf库的使用)

    熟悉MySQL的朋友可以使用sqldf来操作数据框 # 引入sqldf库(sqldf) library(sqldf) # 释放RMySQL库的加载(针对sqldf报错) #detach("p ...

  6. windows10子系统配置vim

    .cmd背景,字体等配置 (1)设置背景颜色44 50 59 (2)设置字体 大小 颜色 Courier New 20 白色 2.ubuntuvim配置(etc/vim/vimrc):(1)配置vim ...

  7. Codeforces Round #427 (Div. 2)—A,B,C,D题

    A. Key races 题目链接:http://codeforces.com/contest/835/problem/A 题目意思:两个比赛打字,每个人有两个参数v和t,v秒表示他打每个字需要多久时 ...

  8. 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 ...

  9. green rgb(255, 102, 0) #FF6600

    w通过元素背景色定位元素,改变其属性. style="background-color: #FF6600" <script> var w = document.quer ...

  10. 给input文本框添加灰色提示文字,三种方法.

    1.这个是HTML5的属性. h5的好简单.... placeholder="这里输入文字" 2.HTML的: value="你的提示文字" onFocus=& ...