two calendar extender

Question

0.00/5 (No votes)

See more:

Hi
In my dotnet application i am having two calendar extender(ajax tool kit).
arrival date and departure date.
after i select arrival date , i do not want to allow to select departure date before the arrival date. how can i do that?

thanks
afsal

Posted 20-Jun-12 19:51pm

afsal.mp

Add a Solution

Comments

bhagirathimfs 21-Jun-12 1:59am

You are using datepicker ?

afsal.mp 21-Jun-12 2:06am

i am using calendar extender( from ajax toolkit)

afsal.mp 21-Jun-12 2:07am

<div class="txt_containner">
<div class="txt_name_box">Arrival Date</div>
<div class="txt_box"><asp:TextBox ID ="txt_arrival_date" runat ="server" CssClass="txt_box_colour" >
<asp:RequiredFieldValidator ID="rfv_arrival_date" runat="server" ControlToValidate="txt_arrival_date" ErrorMessage="*" ValidationGroup="add">
</div>
<asp:CalendarExtender ID="CalendarExtender3" Format="dd MMM yy" runat="server" TargetControlID="txt_arrival_date">

</div>
<div class="txt_containner">
<div class="txt_name_box">Departure Date</div>
<div class="txt_box"><asp:TextBox ID ="txt_dep_date" runat ="server" CssClass="txt_box_colour" >
<asp:RequiredFieldValidator ID="rfv_dep_date" runat="server" ControlToValidate="txt_dep_date" ErrorMessage="*" ValidationGroup="add">
</div>
<asp:CalendarExtender ID="CalendarExtender2" Format="dd MMM yy" runat="server" TargetControlID="txt_dep_date">

</div>

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

NothingToLoose · Answer 1 · 2012-07-26T18:55:00

Rewrite tax of calender extenders following way & call CompareValidator to compare two dates in following ways

XML

<asp:TextBox runat="server" ID="MyTextBoxArrivalDate"></asp:TextBox>
<asp:Label ID="LabelArrival" runat="server" Text="(dd/MM/yyyy)"></asp:Label>
<ajax:CalendarExtender ID="MyTextBoxArrivalDate" TargetControlID="MyTextBoxArrivalDate"
      Format="dd/MM/yyyy" runat="server" />

<asp:TextBox runat="server" ID="MyTextBoxDepartureDate"></asp:TextBox>
<asp:Label ID="LabelDeparture" runat="server" Text="(dd/MM/yyyy)"></asp:Label>
<ajax:CalendarExtender ID="MyTextBoxDepartureDate" TargetControlID="MyTextBoxDepartureDate"
      Format="dd/MM/yyyy" runat="server" />

<br/>
 <asp:CompareValidator  ID="cmpEndDate" runat="server" ErrorMessage="Date range not valid."
      ControlToCompare="MyTextBoxArrivalDate" ControlToValidate="MyTextBoxDepartureDate" ValueToCompare="MyTextBoxArrivalDate"
      Operator="GreaterThanEqual" Type="Date" ValidationGroup="NameOfValidationGroup"></asp:CompareValidator>

Note set appropriate value of ValidationGroup property of CampareValidator

bhagirathimfs · Answer 2 · 2012-06-20T20:00:00

Solution 1

This may help you

JavaScript

$("#txtArrivalDate").datepicker({
                dateFormat: 'yy-mm-dd',
                numberOfMonths: 1,
                onSelect: function (selected) {
                    $("#txtDepartureDate").datepicker("option", "minDate", selected)
                }
            });

            $("#txtDepartureDate").datepicker({
                dateFormat: 'yy-mm-dd',
                numberOfMonths: 1,
                onSelect: function (selected) {
                    $("#txtArrivalDate").datepicker("option", "maxDate", selected)
                }
            });

Posted 20-Jun-12 20:00pm

bhagirathimfs

Comments

afsal.mp 21-Jun-12 2:09am

<div class="txt_containner">
<div class="txt_name_box">Arrival Date</div>
<div class="txt_box"><asp:TextBox ID ="txt_arrival_date" runat ="server" CssClass="txt_box_colour" >
<asp:RequiredFieldValidator ID="rfv_arrival_date" runat="server" ControlToValidate="txt_arrival_date" ErrorMessage="*" ValidationGroup="add">
</div>
<asp:CalendarExtender ID="CalendarExtender3" Format="dd MMM yy" runat="server" TargetControlID="txt_arrival_date">

</div>
<div class="txt_containner">
<div class="txt_name_box">Departure Date</div>
<div class="txt_box"><asp:TextBox ID ="txt_dep_date" runat ="server" CssClass="txt_box_colour" >
<asp:RequiredFieldValidator ID="rfv_dep_date" runat="server" ControlToValidate="txt_dep_date" ErrorMessage="*" ValidationGroup="add">
</div>
<asp:CalendarExtender ID="CalendarExtender2" Format="dd MMM yy" runat="server" TargetControlID="txt_dep_date">

</div>

two calendar extender

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us