`

my97时间控件

阅读更多

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时间控件包

    "my97时间控件包"是一个专门用于处理日期和时间输入的软件组件,它在IT行业中被广泛应用,尤其是在Web开发领域。My97 DatePicker 是一个高效、易用且功能丰富的JavaScript日期选择器,它提供了丰富的自定义选项,...

    My97时间控件在.net里的应用

    My97时间控件(通常称为WdatePicker)是一款非常流行且功能强大的JavaScript插件,它能够很好地与.NET框架结合使用,为用户提供一个友好的日期选择界面。 #### 二、My97DatePicker简介 My97DatePicker是一款基于...

    My97DatePicker(My97 日期控件)

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

    日期控件My97DatePicker的使用

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择控件,它为网页开发者提供了强大的日期输入功能。这款控件以其丰富的自定义选项、良好的兼容性和用户体验而备受赞誉。在本文中,我们将深入探讨My97...

    My97时间日期控件

    My97时间日期控件是一款高效且用户友好的前端组件,专为网页设计者和开发者提供方便的时间日期选择功能。这个控件由JavaScript编写,它允许用户在输入文本框时直接触发一个弹出对话框,展示日期和时间的选择界面。...

    My97Date日期控件

    My97Date日期控件是一款在Web开发中广泛使用的JavaScript组件,主要功能是为网页提供交互式的日期选择功能。这款控件由My97公司开发,以其高效、易用和丰富的自定义选项而受到开发者们的青睐。My97DatePicker3.0.1是...

    my97时间控件手册chm格式

    my97时间控件详细说明手册,感觉比较实用大家分享

    my97時間控件

    "my97时间控件"是一款在IT领域中常见的日期时间选择组件,尤其在Web开发中广泛应用。这个控件提供了一种用户友好的界面,使得用户可以方便地选择日期和时间,增强了网页交互体验。其核心是通过JavaScript实现,通常...

    My97DatePicker日期时间控件

    《My97 DatePicker日期时间控件详解》 在IT领域,用户界面的交互性和便捷性是衡量一个软件或网站质量的重要标准。My97 DatePicker是一款备受赞誉的JavaScript日期时间控件,它以其人性化的设计和全面的功能,为...

    MY97日期选择控件支持日期CTRL多选

    MY97 日期选择控件支持日期CTRL多选

    My97 DatePicker My97日期控件 4.8正式版

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

    my97日期控件DEMO

    "my97日期控件DEMO"是一款强大的前端时间选择组件,主要针对网页中的日期输入进行精细化控制。这款控件提供了丰富的功能,如静态限制、动态限制、脚本自定义限制以及无效天和无效日期设置,使得开发者可以根据具体...

    日期控件,EXt、My97

    在给定的信息中,我们关注的是两种特定的日期控件:EXT和My97。这两种控件都提供了不同的视觉风格和用户体验,以适应不同的项目需求。 EXT是一个流行的JavaScript框架,全称为EXT JS,用于构建富客户端Web应用。EXT...

    MY97日历控件

    4. 功能丰富:除了基本的日期选择,MY97日历控件还提供了日期范围选择、日期限制、时间选择、日期计算等功能,满足复杂场景的需求。 5. 性能优化:控件经过精心优化,加载速度快,占用资源少,对网页性能影响小。 ...

    My97DatePicker控件使用总结

    My97DatePicker是一款在中国广泛应用的时间控件,尤其在Web开发中,它被广泛用来提供用户友好的日期选择功能。这款控件以其强大的功能、自定义的样式和良好的兼容性著称,使得开发者能够轻松地在网页上添加日期选择...

    一个很好用的日期控件My97DatePicker

    `My97 日期控件 演示 & 文档 My97 DatePicker Demo & Doc.mht`文件则包含了详细的使用说明和帮助文档,对开发者学习和使用非常有帮助。 通过以上介绍,我们可以看出My97DatePicker是一个强大且灵活的日期选择解决...

    My97DatePicker日历控件

    My97DatePicker是一款广泛应用于Web开发中的JavaScript日历控件,它以其强大的功能、高度的自定义性以及良好的用户体验而受到...无论是小型个人站点还是大型企业应用,My97DatePicker都是一个值得信赖的日期控件选择。

    My97DatePicker绿色样式时间控件

    这款绿色样式的时间控件是My97DatePicker的一种皮肤,旨在提供一个友好、直观且美观的日期选择界面。 1. **My97DatePicker介绍** My97DatePicker是由My97公司开发的一款JavaScript日期选择器,它提供了丰富的功能...

    my97日期控件

    - **兼容性测试**:在多种浏览器和设备上进行测试,确保日期控件的稳定性和可用性。 6. **常见问题与解决方案** - **日期格式不正确**:检查配置的`dateFmt`是否正确,确保与服务器端的日期格式保持一致。 - **...

Global site tag (gtag.js) - Google Analytics