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实现开始时间和结束时间的有效限制,确保符合业务需求。这个过程涉及到JavaScript编程、DOM操作、事件处理和日期计算等多个方面,对提升用户体验和保证数据准确性具有重要...
这个小示例主要展示了如何在网页中应用My97DatePicker,以及如何对所选时间进行格式化处理,同时实现开始时间和结束时间的联动功能。 1. **My97DatePicker的基本使用** My97DatePicker是一个JavaScript库,通过...
为了实现季度选择,我们需要自定义My97DatePicker的弹出日历,以便用户可以选择一个季度的起始月份,然后自动填充到结束月份。 `WdatePicker1.js`是My97DatePicker的核心脚本文件,它包含了日期选择器的所有逻辑和...
- **日期时间范围选择**:允许用户同时选择开始日期和结束日期,适用于区间查询等场景。 - **插件扩展**:通过编写插件,可以进一步增强My97DatePicker的功能,如添加日期校验、日期计算插件等。 - **与服务器端...
3. 在生产环境中,记得对 My97 DatePicker 的 JavaScript 和 CSS 进行压缩和合并,以减少页面加载时间。 总的来说,My97 DatePicker 是一个强大且灵活的日期选择器,它的易用性和广泛的功能使得它在网页开发中得到...
2. **日程管理**:在日程管理应用中,用户可以通过日期选择器快速选择日程的开始和结束时间。 3. **报告统计**:在数据分析页面,用户可以通过选择日期范围来查看特定时间段的数据报告。 三、My97 DatePicker 4.72...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件,由王文杰(Wang Wenjie)开发。这款插件以其强大的功能、易用性和高度的可定制性而备受青睐,广泛应用于网页表单中,为用户提供友好且直观的日期...
My97DatePicker是一款流行的JavaScript日历控件,它提供了丰富的日期选择功能,如自定义格式、日期范围限制等,使得在Web应用中实现日期选择更加便捷。然而,在网络上找到的相关教程或示例代码往往侧重于ASP.NET Web...
【My97DatePicker】是一款备受开发者喜爱的JavaScript时间选择插件,它的主要功能是为网页提供用户友好的日期和时间选择界面。这款插件以其简洁的设计、丰富的样式和易用性而著称,使得在网页开发中集成日期选择功能...
My97DatePicker是一款广泛应用于Web开发中的时间选择插件,尤其在中国国内的项目中非常常见。这款控件以其丰富的功能、良好的用户体验以及高度的自定义性而受到开发者的青睐。在本文中,我们将深入探讨My97...
My97DatePicker是一款广泛应用于JavaScript开发中的时间选择插件,尤其在网页表单中,它提供了用户友好的日期和时间选择界面,极大地提高了用户的输入体验。这款插件以其丰富的功能和高度的可定制性,深受开发者喜爱...
总的来说,My97DatePicker时间控件是网页开发中的一款强大工具,它提供了丰富的功能和高度的可定制性,可以帮助开发者快速实现日期选择功能,提高项目开发效率。通过深入理解和灵活运用,你可以将其潜力充分发挥出来...
**JS时间插件My97DatePicker详解** My97DatePicker是一款经典的JavaScript日期选择插件,以其易用性、灵活性和强大的功能在Web开发领域中深受喜爱。它为网页中的日期输入提供了直观、友好的交互界面,极大地提升了...
- **日程管理**:在日程安排或任务管理应用中,用户可以方便地通过日历选择事件开始和结束时间。 - **数据分析**:在统计分析类网站上,允许用户通过日历选择特定时间段,以便进行数据查询和分析。 4. **示例代码...
《My97DatePicker使用详解...在开始使用My97DatePicker之前,你需要将其JavaScript和CSS文件引入到你的项目中。通常,这两个文件位于下载的压缩包内。例如,你可以将以下代码添加到HTML文件的`<head>`部分: ```html ...
《My97DatePicker:一款强大的日期选择组件》 在IT行业中,用户界面的友好性和易用性至关重要,尤其是在涉及到日期和时间输入时。My97DatePicker是一款广泛应用于Web开发中的日期选择组件,它以其丰富的功能、高度...
在实际应用中,My97DatePicker不仅适用于简单的日期输入场景,还可以与其他前端框架(如jQuery、Vue、React等)无缝集成,提供更高级的功能,如日期范围选择、日期时间选择等。同时,它还支持移动设备,使得在手机或...
网上找了很多,除了牛人自己写控件外,大多数都是使用My97DatePicker这个第三方控件,用起来确实方便。自己下载了最新插件,也按网上好多说的差异化的时间选择输入框做了一个demo页面,可以看看这个插件是怎么使用的...
《My97 DatePicker Beta:深度解析与应用指南》 My97 DatePicker 是一款经典的JavaScript日期选择插件,尤其在Web开发领域中广受欢迎。这款组件以其丰富的功能、良好的兼容性和高度自定义的特性,为开发者提供了...