1.开始时间小于结束时间、结束时间大于开始时间、并且都有最小固定的时间
<tr> <td width="18%" class="right">开始时间:</td> <td width="32%" class="reg"> <input type="text" id="startTime" name="startTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'${startDate}',maxDate:'#F{$dp.$D(\'endTime\')||\'${endDate}\'}'})" class="Wdate validate[required]" style="width:130px;" readonly="readonly"/><span class="star">*</span> </td> <td width="18%" class="right">结束时间:</td> <td width="32%" class="reg"> <input type="text" id="endTime" name="endTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'startTime\')||\'${startDate}\'}'})" class="Wdate validate[required]" style="width:130px;" readonly="readonly"/><span class="star">*</span> </td> </tr>
2.开始时间 结束时间 间隔固定最大 90天;
<p>开始时间:</p><input type="text" id="Stime" name="startTime" class="Wdate" runat="server" value="" style="width:130px;" onfocus="startTimeFocus();"/> <p>结束时间:</p><input type="text" id="Etime" name="endTime" class="Wdate" runat="server" value="" style="width:130px;" onfocus="endTimeFocus();"/></span>
function startTimeFocus() { return WdatePicker({ minDate:'#F{$dp.$D(\'Etime\',{d:-90});}', maxDate : '#F{$dp.$D(\'Etime\')||\'%y-%M-%d\'}', dateFmt:'yyyy-MM-dd' }); } function endTimeFocus() { return WdatePicker({ minDate:'#F{$dp.$D(\'Stime\')}', maxDate:getMaxDate(), dateFmt:'yyyy-MM-dd' }); } //获得最大时间 function getMaxDate(){ var clock=currentTime(); var dt; var times=0; dt=$("#Stime").val(); if(dt!=''){ times =Date.parse(dt.replace(/-/g,'/'))+90*24*60*60*1000;//时间间隔为30天 if(times-Date.parse(clock.replace(/-/g,'/'))<0){ var d1 = new Date(times); var year = d1.getFullYear(); var month = d1.getMonth() + 1; //月份以0开头 var day = d1.getDate(); var hh = d1.getHours(); var mm = d1.getMinutes(); var clock = year + "-"; if (month < 10) clock += "0"; clock += month + "-"; if (day < 10) clock += "0"; clock += day + " "; if (hh < 10) clock += "0"; clock += hh + ":"; if (mm < 10) clock += '0'; clock += mm; } } return clock; } //当前时间 function currentTime() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDate(); var hh = now.getHours(); var mm = now.getMinutes(); var clock = year + "-"; if (month < 10) clock += "0"; clock += month + "-"; if (day < 10) clock += "0"; clock += day + " "; if (hh < 10) clock += "0"; clock += hh + ":"; if (mm < 10) clock += '0'; clock += mm; return (clock); }
相关推荐
"my97时间控件包"是一个专门用于处理日期和时间输入的软件组件,它在IT行业中被广泛应用,尤其是在Web开发领域。My97 DatePicker 是一个高效、易用且功能丰富的JavaScript日期选择器,它提供了丰富的自定义选项,...
My97时间控件(通常称为WdatePicker)是一款非常流行且功能强大的JavaScript插件,它能够很好地与.NET框架结合使用,为用户提供一个友好的日期选择界面。 #### 二、My97DatePicker简介 My97DatePicker是一款基于...
大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流.
My97DatePicker是一款在中国广泛应用的JavaScript日期选择控件,它为网页开发者提供了强大的日期输入功能。这款控件以其丰富的自定义选项、良好的兼容性和用户体验而备受赞誉。在本文中,我们将深入探讨My97...
My97时间日期控件是一款高效且用户友好的前端组件,专为网页设计者和开发者提供方便的时间日期选择功能。这个控件由JavaScript编写,它允许用户在输入文本框时直接触发一个弹出对话框,展示日期和时间的选择界面。...
My97Date日期控件是一款在Web开发中广泛使用的JavaScript组件,主要功能是为网页提供交互式的日期选择功能。这款控件由My97公司开发,以其高效、易用和丰富的自定义选项而受到开发者们的青睐。My97DatePicker3.0.1是...
my97时间控件详细说明手册,感觉比较实用大家分享
"my97时间控件"是一款在IT领域中常见的日期时间选择组件,尤其在Web开发中广泛应用。这个控件提供了一种用户友好的界面,使得用户可以方便地选择日期和时间,增强了网页交互体验。其核心是通过JavaScript实现,通常...
《My97 DatePicker日期时间控件详解》 在IT领域,用户界面的交互性和便捷性是衡量一个软件或网站质量的重要标准。My97 DatePicker是一款备受赞誉的JavaScript日期时间控件,它以其人性化的设计和全面的功能,为...
MY97 日期选择控件支持日期CTRL多选
更人性化,更全面的功能 大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,...
"my97日期控件DEMO"是一款强大的前端时间选择组件,主要针对网页中的日期输入进行精细化控制。这款控件提供了丰富的功能,如静态限制、动态限制、脚本自定义限制以及无效天和无效日期设置,使得开发者可以根据具体...
在给定的信息中,我们关注的是两种特定的日期控件:EXT和My97。这两种控件都提供了不同的视觉风格和用户体验,以适应不同的项目需求。 EXT是一个流行的JavaScript框架,全称为EXT JS,用于构建富客户端Web应用。EXT...
《My97DatePicker时间控件使用详解》 在网页开发中,时间选择控件是必不可少的一个元素,它为用户提供了方便的时间输入界面。My97 DatePicker是一款广泛应用于Web开发中的JavaScript日期选择插件,以其易用性和强大...
4. 功能丰富:除了基本的日期选择,MY97日历控件还提供了日期范围选择、日期限制、时间选择、日期计算等功能,满足复杂场景的需求。 5. 性能优化:控件经过精心优化,加载速度快,占用资源少,对网页性能影响小。 ...
My97DatePicker是一款在中国广泛应用的时间控件,尤其在Web开发中,它被广泛用来提供用户友好的日期选择功能。这款控件以其强大的功能、自定义的样式和良好的兼容性著称,使得开发者能够轻松地在网页上添加日期选择...
`My97 日期控件 演示 & 文档 My97 DatePicker Demo & Doc.mht`文件则包含了详细的使用说明和帮助文档,对开发者学习和使用非常有帮助。 通过以上介绍,我们可以看出My97DatePicker是一个强大且灵活的日期选择解决...
My97DatePicker是一款广泛应用于Web开发中的JavaScript日历控件,它以其强大的功能、高度的自定义性以及良好的用户体验而受到...无论是小型个人站点还是大型企业应用,My97DatePicker都是一个值得信赖的日期控件选择。
这款绿色样式的时间控件是My97DatePicker的一种皮肤,旨在提供一个友好、直观且美观的日期选择界面。 1. **My97DatePicker介绍** My97DatePicker是由My97公司开发的一款JavaScript日期选择器,它提供了丰富的功能...