JQuery EasyUI 扩展方法 日期控件 设置时间段函数
2018-01-08 17:02
288 查看
/** 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]
相关文章推荐
- PHPstorm 函数时间注释的修改 正常的PHPstorm里面函数方法的注释是没有动态时间设置的,但是看了PHP file里面有时间日期的注释,而PHP Function Doc Commen
- JQuery EasyUI 日期控件 控制日期选择区间的方法!
- jquery easyui日期控件中,在页面里用JS拿到设置的日期值的办法
- C# 001 --- 正确的删除一个控件的事件函数 --- 解决错误: “A”不包含“B”的定义,并且找不到可接受类型为“A”的第一个参数的扩展方法“B”(是否缺少 using 指令或程序集引用?)
- jQuery EasyUI中的日期控件DateBox修改方法
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- 扩展AspNetPager控件,增加动态设置PageSize的方法
- jquery easyui日期控件中,在页面里用JS拿到设立的日期值的方法
- jquery easyUi 在日期控件里面获取值和赋值的方法
- jQuery easyui 扩展form插件的三个方法
- JQuery EasyUI 日期控件如何控制日期选择区间
- upLoad控件设置禁止输入的方法
- C#日期控件datetimepicker保存空值方法
- php页面函数设置超时限制的方法
- js中对函数设置默认参数值的3种方法
- 针对一个XML,如果不想使用任何第三方控件,只是使用wxString,设置属性可以用一下方法来操作
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- Windbg在Managed App中设置函数断点的几种方法
- Android的Animation之LayoutAnimation使用方法(控件设置动画)
- 在VS2008中创建自定义控件(十五)创建控件时出错(未能对属性XXX设置XXX)的解决方法