`

my97datepicker 开始时间,结束时间

 
阅读更多
1.在设置开始时间结束时间的时候,发现不能使用同门的函数来进行id的命名.如果用同门会有冲突.

2.双月份显示,开始时间小于结束时间
<script type="text/javascript">
$(function(){
    $("#waterStartTime").bind("click",function(){
        WdatePicker({doubleCalendar:true,startDate:'%y-{%M-1}-%d',dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true,maxDate:'#F{$dp.$D(\'waterEndTime\')||\'%y-%M-%d\'}',onpicked:function(){waterEndTime.click();}});
        //WdatePicker({startDate:'%y-{%M-1}-%d',dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true,maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}',onpicked:function(){endTime.click();}});
    });
    $("#waterEndTime").bind("click",function(){
        WdatePicker({doubleCalendar:true,startDate:'%y-{%M-1}-%d',minDate:'#F{$dp.$D(\'waterStartTime\')}',maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true});
        //WdatePicker({startDate:'%y-{%M-1}-%d',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true});
    });
});
</script>


-------------------------------------------------------
<script type="text/javascript">
	var d=new Date();
	//document.getElementById('startTime').value=d.getFullYear() +'-'+( d.getMonth()+1)+'-'+d.getDate()+' ' + d.getHours()+':'+d.getMinutes()+':'+d.getSeconds();
	$("#waterStartTime").val(d.getFullYear() +'-'+0+( d.getMonth()+1)+'-'+(d.getDate())+' ' + '00:00:00');
	$("#waterEndTime").val(d.getFullYear() +'-'+0+( d.getMonth()+1)+'-'+(d.getDate())+' ' + '23:59:59');
</script>


----------------------------------------------------
<li>
								<label>
									 创建开始时间: 
								</label> 
								<input id="waterStartTime" name="waterStartTime" type="text" style="width: 180px" fieldName='createTime' operator='>=' controltype='date'>
							</li>
							<li>
								<label>
									 创建结束时间: 
								</label> 
								<input id="waterEndTime" name="waterEndTime" type="text" style="width: 180px" fieldName='createTime' operator='<=' controltype='date'>
							</li>



-----------------------------------------------------
开始时间小于结束时间

$('#searchBtn',c).bind('click', function() {
		var staTime = $("#waterStartTime").val();
		var endTime = $("#waterEndTime").val();
		var d1 = new Date(staTime.replace(/-/g,"/"));
		var d2 = new Date(endTime.replace(/-/g,"/"));
		if (Date.parse(d1) - Date.parse(d2) >= 0) {  
			FrosJquery.dialog.alert("开始时间不能早于结束时间");  
	        return;  
	    }
		$("#waterwayFreightListGrid").trigger("reloadGrid");
	});
分享到:
评论

相关推荐

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

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

    My97DatePicker 时间选择框 小示例

    这个小示例主要展示了如何在网页中应用My97DatePicker,以及如何对所选时间进行格式化处理,同时实现开始时间和结束时间的联动功能。 1. **My97DatePicker的基本使用** My97DatePicker是一个JavaScript库,通过...

    My97DatePicker 选择季度功能

    为了实现季度选择,我们需要自定义My97DatePicker的弹出日历,以便用户可以选择一个季度的起始月份,然后自动填充到结束月份。 `WdatePicker1.js`是My97DatePicker的核心脚本文件,它包含了日期选择器的所有逻辑和...

    My97DatePicker4.7.2.rar

    - **日期时间范围选择**:允许用户同时选择开始日期和结束日期,适用于区间查询等场景。 - **插件扩展**:通过编写插件,可以进一步增强My97DatePicker的功能,如添加日期校验、日期计算插件等。 - **与服务器端...

    My97DatePicker.zip

    3. 在生产环境中,记得对 My97 DatePicker 的 JavaScript 和 CSS 进行压缩和合并,以减少页面加载时间。 总的来说,My97 DatePicker 是一个强大且灵活的日期选择器,它的易用性和广泛的功能使得它在网页开发中得到...

    My97DatePicker4.72

    2. **日程管理**:在日程管理应用中,用户可以通过日期选择器快速选择日程的开始和结束时间。 3. **报告统计**:在数据分析页面,用户可以通过选择日期范围来查看特定时间段的数据报告。 三、My97 DatePicker 4.72...

    My97DatePicker日期插件

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

    Asp.Net Mvc + My97DatePicker 例子

    My97DatePicker是一款流行的JavaScript日历控件,它提供了丰富的日期选择功能,如自定义格式、日期范围限制等,使得在Web应用中实现日期选择更加便捷。然而,在网络上找到的相关教程或示例代码往往侧重于ASP.NET Web...

    My97DatePicker

    【My97DatePicker】是一款备受开发者喜爱的JavaScript时间选择插件,它的主要功能是为网页提供用户友好的日期和时间选择界面。这款插件以其简洁的设计、丰富的样式和易用性而著称,使得在网页开发中集成日期选择功能...

    My97DatePicker 时间控件

    My97DatePicker是一款广泛应用于Web开发中的时间选择插件,尤其在中国国内的项目中非常常见。这款控件以其丰富的功能、良好的用户体验以及高度的自定义性而受到开发者的青睐。在本文中,我们将深入探讨My97...

    js 时间插件My97DatePicker

    My97DatePicker是一款广泛应用于JavaScript开发中的时间选择插件,尤其在网页表单中,它提供了用户友好的日期和时间选择界面,极大地提高了用户的输入体验。这款插件以其丰富的功能和高度的可定制性,深受开发者喜爱...

    My97DatePicker时间控件

    总的来说,My97DatePicker时间控件是网页开发中的一款强大工具,它提供了丰富的功能和高度的可定制性,可以帮助开发者快速实现日期选择功能,提高项目开发效率。通过深入理解和灵活运用,你可以将其潜力充分发挥出来...

    JS时间插件My97DatePicker

    **JS时间插件My97DatePicker详解** My97DatePicker是一款经典的JavaScript日期选择插件,以其易用性、灵活性和强大的功能在Web开发领域中深受喜爱。它为网页中的日期输入提供了直观、友好的交互界面,极大地提升了...

    My97DatePicker很好很强大的日历控件

    - **日程管理**:在日程安排或任务管理应用中,用户可以方便地通过日历选择事件开始和结束时间。 - **数据分析**:在统计分析类网站上,允许用户通过日历选择特定时间段,以便进行数据查询和分析。 4. **示例代码...

    My97DatePicker使用

    《My97DatePicker使用详解...在开始使用My97DatePicker之前,你需要将其JavaScript和CSS文件引入到你的项目中。通常,这两个文件位于下载的压缩包内。例如,你可以将以下代码添加到HTML文件的`&lt;head&gt;`部分: ```html ...

    日期组件My97DatePicker.zip

    《My97DatePicker:一款强大的日期选择组件》 在IT行业中,用户界面的友好性和易用性至关重要,尤其是在涉及到日期和时间输入时。My97DatePicker是一款广泛应用于Web开发中的日期选择组件,它以其丰富的功能、高度...

    My97DatePicker(很好的日历JS)

    在实际应用中,My97DatePicker不仅适用于简单的日期输入场景,还可以与其他前端框架(如jQuery、Vue、React等)无缝集成,提供更高级的功能,如日期范围选择、日期时间选择等。同时,它还支持移动设备,使得在手机或...

    C# ASP.NET 时间控件_日期时间选择输入框控件。

    网上找了很多,除了牛人自己写控件外,大多数都是使用My97DatePicker这个第三方控件,用起来确实方便。自己下载了最新插件,也按网上好多说的差异化的时间选择输入框做了一个demo页面,可以看看这个插件是怎么使用的...

    My97DatePickerBeta

    《My97 DatePicker Beta:深度解析与应用指南》 My97 DatePicker 是一款经典的JavaScript日期选择插件,尤其在Web开发领域中广受欢迎。这款组件以其丰富的功能、良好的兼容性和高度自定义的特性,为开发者提供了...

Global site tag (gtag.js) - Google Analytics