`
BlueBing
  • 浏览: 16936 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

My97DatePicker_限制开始日期和结束日期在同一个月

阅读更多

PS:最近使用springmvc+ibatis+mysql做项目的后台,涉及到大量统计页面.

其中一个表已有了400多万行数据,优化sql和增加索引后,效率仍然低下,并且数据还处于几何增长中.

几经折腾决定按月分表,月底把数据转移到上个月份命名的表中,当月表则不加后缀:即table_1303,table_1304,table(当月)...

之前大量的统计页面都使用了My97DatePicker时间控件来做查询.

因为按月加表是动态的,所以需要在查询过程中做限制,查询的起始时间和结束时间是同一个月.

网上搜索没有现成的,便自己写了一个js,这里备忘,也方便需要的人查找.

 

最后再附上简单的流程图.

碰到个问题 使用form:input时,控件中的$dp.$D便不能用,页面报错.猜测为在表单中clientID不一致了,

但不解.

 

 

 

<td class="label" width="10%">开始时间:</td>
<td width="10%"><input class="Wdate" type='text'
	id="beginTime" name="beginTime" value='${beginTime}'
onFocus="WdatePicker({minDate:'2013-04-01',maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}'})" />
</td>
<td width="10%"></td>
<td class="label" width="10%">结束时间:</td>
<td width="10%"><input class="Wdate" type='text'
	id='endTime' name='endTime' value='${endTime}'
	onFocus="var date=limitMonthDate(2);WdatePicker({minDate:'#F{$dp.$D(\'beginTime\')||\'2013-04-01\'}',maxDate:date})" />
</td>

 

 控件的ofFocus事件中实现了以下功能:

        开始结束日期不得小于数据库表的创建时间(2013-04-01),且不得大于当天;

        结束日期不得小于起始日期,且不得大于当月;

       

 js的limitMonthDate()方法功能:

       限制两个时间为同一个月份.

 

 

<script language="javascript">
	//限制开始和结束时间为同一个月
	function limitMonthDate(e) {
		var DateString;
		if (e == 2) {
			var beginDate = $dp.$("beginTime").value;
			if (beginDate != "" && beginDate != null) {
				var limitDate = new Date(beginDate);
				limitDate.setDate(new Date(limitDate.getFullYear(), limitDate
						.getMonth() + 1, 0).getDate()); //获取此月份的天数
				DateString = limitDate.getFullYear() + '-'
						+ (limitDate.getMonth() + 1) + '-'
						+ limitDate.getDate();
				return DateString;
			}
		}
		if (e == 1) {
			var endDate = $dp.$("endTime").value;
			if (endDate != "" && endDate != null) {
				var limitDate = new Date(endDate);
				limitDate.setDate("1"); //设置闲置时间为月初
				DateString = limitDate.getFullYear() + '-'
						+ (limitDate.getMonth() + 1) + '-'
						+ limitDate.getDate();
				return DateString;
			}
		}
		
	}
</script>



 

 

 

  • 大小: 114.8 KB
分享到:
评论

相关推荐

    My97DatePicker_时间控件

    在提供的资源中,`My97 DatePicker.doc`文档可能包含了详细的API参考和使用教程,帮助开发者更好地理解和使用这个控件。`My97 DatePicker 4_0 演示.mht`文件则是一个演示示例,通过实例展示了My97 DatePicker的各种...

    My97DatePicker使用 日期获取

    【My97DatePicker使用 日期获取】 ...首先,我们需要在网页中引入My97 DatePicker的JS和CSS文件。这些文件通常可以从官方网站下载,或者通过CDN链接直接引用。确保在HTML文件的`&lt;head&gt;`部分添加以下代码: ```html ...

    日期控件My97DatePicker的使用

    在本文中,我们将深入探讨My97DatePicker的使用方法,以及如何在项目中集成和定制这个控件。 1. **安装与引入** My97DatePicker通常以JavaScript文件的形式提供,如在提供的压缩包中`My97DatePicker4.7.2`可能包含...

    My97DatePicker js的时间日期控件

    总的来说,My97DatePicker是一个高效、易用的JavaScript时间日期控件,它在提高用户体验的同时,也为开发者提供了足够的灵活性和可扩展性。无论是在小型项目还是大型企业级应用中,My97DatePicker都能胜任时间日期...

    My97DatePicker 选择季度功能

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件,尤其在Web开发中,它以其强大的功能和良好的用户体验而受到青睐。在这个特定的场景中,我们关注的是如何利用My97DatePicker来实现选择季度的功能。 ...

    My97DatePicker:开始时间和结束时间的最大间隔为10天,并且不大于当前时间

    通过以上方式,我们可以利用My97DatePicker实现开始时间和结束时间的有效限制,确保符合业务需求。这个过程涉及到JavaScript编程、DOM操作、事件处理和日期计算等多个方面,对提升用户体验和保证数据准确性具有重要...

    日期控件My97DatePicker

    My97DatePicker是一款在中国广泛应用的JavaScript日期控件,它提供了丰富的日期选择功能,适用于网页上的日期输入场景。这款控件以其易用性、灵活性和高度自定义性深受开发者喜爱。在网页开发中,日期选择器是必不可...

    My97DatePicker日期插件

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件,由王文杰(Wang Wenjie)开发。这款插件以其强大的功能、易用性和高度的可定制性而备受青睐,广泛应用于网页表单中,为用户提供友好且直观的日期...

    日历控件my97datepicker

    My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...

    My97DatePicker(几种日历控件/js/实例演示)

    My97DatePicker是一款广泛使用的JavaScript日期选择器控件,它为网页中的日期输入提供了便捷的交互体验。这个控件以其高效、易用和高度可定制性而受到开发者的青睐。在网页开发中,日期选择器通常用于用户输入日期时...

    MY97datepicker.rar

    MY97DatePicker是一款广受欢迎的JavaScript日期选择器插件,尤其在个人开发者和企业项目中得到了广泛应用。下面我们将深入探讨MY97DatePicker的特点、功能以及如何在项目中集成和使用。 MY97DatePicker是由MY97团队...

    My97DatePicker日期控件

    My97DatePicker是一款广泛应用于网页开发中的JavaScript日期控件,由My97工作室开发,以其易用性、灵活性和强大的功能而备受青睐。这个控件的版本为3.0.1,代表了它在发布时的最新特性集和技术优化。 在JavaScript...

    一个很好用的日期控件My97DatePicker

    通过以上介绍,我们可以看出My97DatePicker是一个强大且灵活的日期选择解决方案,不仅提升了用户在网页上的交互体验,也为开发者提供了丰富的工具和资源,简化了开发过程。在实际项目中,合理利用这些特点,可以大大...

    My97DatePicker前端日期插件

    这将限制日期选择在当前日期前一天到后一个月之间。 4. **多语言支持** 为了满足不同地区的需求,My97DatePicker支持多语言切换。开发者可以通过设置`lang`属性来改变日期显示的语言,如中文、英文等。 5. **...

    My97DatePicker4.7.2 日期控件

    My97DatePicker是一款广泛应用于Web开发中的JavaScript日期选择控件,尤其在中文环境下非常流行。它的版本号4.7.2表明这是一个经过多次迭代优化的成熟产品,旨在为用户提供便捷、美观的日期输入体验。这款控件以其...

    My97DatePicker4.0

    My97DatePicker4.0是一个高性能的JavaScript日历控件,以其优秀的性能和丰富的功能在众多同类控件中脱颖而出。本文将深入探讨My97DatePicker4.0的特点、优势以及如何在项目中集成和使用。 My97DatePicker4.0是该...

    My97DatePicker和说明文档

    3. 配置选项:My97 DatePicker提供许多配置项,如`readOnly`(是否只读)、`startDate`(可选日期的开始)和`endDate`(可选日期的结束)。例如,设置最小日期为2020年1月1日,最大日期为当前日期: ```javascript ...

    My97DatePicker(My97 日期控件)

    大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流.

    My97DatePicker.rar

    总结来说,My97 DatePicker作为一款优秀的JavaScript日期插件,不仅在功能上满足了开发者的需求,还在易用性和灵活性上表现出色。通过深入了解和实践,我们可以充分利用它的特性,为用户提供更高效、更友好的日期...

Global site tag (gtag.js) - Google Analytics