需要JavaScript验证bw从日期到日期Texboxes [英] Require JavaScript Validation bw From date and To date Texboxes

问题描述

你好，

我有两个文本框txtFromDate和txtToDate

为此，我想要应该验证的JavaScript函数

-> 开始日期"应小于结束日期"
->到DAte应该大于从日期

注意:我正在使用
中的Calender Extender Control 这两个文本框的 Ajax控制工具包

从日期:

Hello,

I have two Textboxes txtFromDate and txtToDate

For this I want JavaScript Function that Should validate

--> From Date should be less than To Date
--> To DAte should be greater than From Date

Note: I am Using Calender Extender Control from
Ajax Control Toolkit for these both Textboxes

FROM DATE :

<asp:TextBox ID="txtFromDate" runat="server" 
  Width="100px" Enabled="false">
<asp:CalendarExtender ID="CalendarExtender1" runat="server" 
  TargetControlID="txtFromDate"
  PopupButtonID="ImgButton1" 
  DaysModeTitleFormat="MMMM - yyyy"           
  Format="MM/dd/yyyy"> 

 
<asp:ImageButton runat="Server" ID="ImgButton1" 
  ImageUrl="~/Images/Calendar_Icon.png" 
  Height="20px" Width="20px" />

到日期:

TO DATE :

<asp:TextBox ID="txtToDate" runat="server" 
  Width="100px" Enabled="false">
<asp:CalendarExtender ID="CalendarExtender2" runat="server" 
  TargetControlID="txtToDate"
  PopupButtonID="ImgButton2" 
  DaysModeTitleFormat="MMMM - yyyy"           
  Format="MM/dd/yyyy"> 

 
<asp:ImageButton runat="Server" ID="ImgButton2" 
  ImageUrl="~/Images/Calendar_Icon.png" 
  Height="20px" Width="20px" />

但是我要像下面的链接那样进行验证

http://www.obout.com/calendar/calendar_daterange.aspx [

But I want Validation Like as in following Link

http://www.obout.com/calendar/calendar_daterange.aspx[^]

推荐答案

为此使用Date对象.首先获取变量中的文本框值.然后

You can use Date object for this.First get your textboxes values in variables. then

var fromdate=new Date("fromdate");
var todate = new Date("Todate");
if(fromdate>todate)
{
alert("fromdate cannot greater than todate");
return false;
}
else
{
return true;
}

function ValidateEndDate() {
            if (document.getElementById('<%=txtStartDate.ClientID %>').value != "" && document.getElementById('<%=txtEndDate.ClientID %>').value != "") {
                var StartDate;
                var EndDate;
                var value = document.getElementById('<%=txtStartDate.ClientID %>').value;
                var year = value.substring(0, value.indexOf("-"));
                value = value.substring(value.indexOf("-") + 1);
                var smonth = value.substring(0, value.indexOf("-"));
                var dt = value.substring(value.indexOf("-") + 1);
                StartDate = Date.UTC(year, smonth, dt, 0, 0, 0);
                value = document.getElementById('<%=txtEndDate.ClientID %>').value;
                year = value.substring(0, value.indexOf("-"));
                value = value.substring(value.indexOf("-") + 1);
                smonth = value.substring(0, value.indexOf("-"));
                dt = value.substring(value.indexOf("-") + 1);
                EndDate = Date.UTC(year, smonth, dt, 0, 0, 0);
                if (EndDate < StartDate) {
                    alert('End Date cannot be before Start Date');
                    return false;
                }
            }

            return true;
        }

普拉萨德，
这可能对您有帮助...

Hi Prasad,
This may help you...

function ValidateDates(){

           var start = new Date(txtStartDate.value);
           var end = new Date(txtEndDate.value);
           var TodayDate = new Date();
           var one_day = 1000 * 60 * 60 * 24;
           if (Math.ceil((start.getTime() - end.getTime()) / (one_day)) > 0) {
               alert("To Date cannot be less than From Date");
               return false;
}
}

问候，
纳雷什.

Regards,
Naresh.

这篇关于需要JavaScript验证bw从日期到日期Texboxes的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！