/** 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]

转载于:https://www.cnblogs.com/han1982/p/8243586.html

JQuery EasyUI 扩展方法 日期控件 设置时间段函数相关推荐

  1. jQuery里面的datepicker日期控件默认是显示英文的,如何显示中文或其他语言呢?...

    jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascr ...

  2. MiniUI日期控件设置不可手动输入

    如何设置MiniUI的日期控件不可手动输入 设置MiniUI日期控件不可手动输入的方式和其他js日期控件一样,有两种方式: 设置控件为只读.设置只读后,控件不可被修改. <input class ...

  3. jquery datepicker 点击日期控件不会自动更新input的值

    页面代码: <link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel=" ...

  4. element 日期控件设置默认时间

    不是使用 default-value 是直接在data设置值,不过会报错,因为要转格式 .toString() html <el-form-item label="年 份" ...

  5. Wdatepicker日期控件的使用指南 (转)

    Wdatepicker日期控件的使用指南 标签: inputclass语言functionstring正则表达式 2012-02-10 15:48 40826人阅读 评论(5) 收藏 举报 分类: J ...

  6. Wdatepicker日期控件的使用指南

    示例2-3-1 起始日期简单应用 示例2-3-2 alwaysUseStartDate属性应用 示例2-3-3 使用内置参数 示例 2-4-1: 年月日时分秒 示例 2-4-2 时分秒 示例 2-4- ...

  7. java滚动式时间控件_Wdatepicker日期控件的使用指南

    二. 功能及示例 1. 常规功能支持多种调用模式 除了支持常规在input单击或获得焦点调用外,还支持使用其他的元素如: 等触发WdatePicker函数来调用弹出日期框 示例1-1-1 常规调用 示 ...

  8. 日期控件My97DatePicker的使用

    一. 简介 1. 简介 目前的版本是:4.8 文档&演示:http://www.my97.net/dp/demo/index.htm 下载:http://www.my97.net/dp/dow ...

  9. javaFX学习之DatePicker日期控件

    附送我自定义的日期格式化工具类: import java.text.DateFormat; import java.text.ParseException; import java.text.Simp ...

  10. WdatePicker 日期控件- 功能及示例

    3. 多语言和自定义皮肤 多语言支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言 语言列表和语言安装说明详见语言配置 示例3-1 多语言 ...

最新文章

  1. 苹果cms V8仿4567tv模板高清影视 完整无错电影模板
  2. where 泛型类型约束 default 关键字
  3. 当物联网遇上云原生:K8s向边缘计算渗透中
  4. 机器学习的数学基础(一)—— 期望、方差、协方差与相关系数
  5. 熊猫猪新系统測试之二:Mac OS X 10.10 优胜美地
  6. 3.5 Java经典垃圾收集器介绍
  7. 20200131每日一句
  8. vos3000下载java_VOS3000 安装
  9. 机器学习实战 2.3获取数据
  10. 相控阵天线(三):直线阵列天线低副瓣综合(切比雪夫、泰勒分布、SinZ-Z和Villeneuve分布、含python代码)
  11. 实时获取Android手机CPU占用率
  12. CENTOS6 安装和使用PHP全链路追踪 Molten
  13. 查看Win7电脑密钥期限
  14. Excel函数中$符号是什么意思?
  15. Vue判断表单验证和判断单项验证是否成功
  16. SQL查询选修了所有课程的学生姓名
  17. JqueryEasyUI教程
  18. centos6.6 cobber 安装
  19. 【Nowcoder】2020牛客暑期多校训练营(第八场)I - Interesting Computer Game | 并查集、思维、离散化
  20. 哈尔滨理工大学第七届程序设计竞赛初赛 题集

热门文章

  1. R语言自然语言处理:关键词提取(TF-IDF)
  2. react 遍历渲染
  3. python-socket作业
  4. linux添加文件环境变量
  5. @RequestParam使用须知
  6. SpringRMI解析2-RmiServiceExporter逻辑脉络
  7. AOJ2025 Eight Princes
  8. 网站服务器、VPS和虚拟主机的联系与区别
  9. JAVA语言基础-反射、特性
  10. 任意Android设备上运行测试