Question

I am using trial version of devExpress controls. I have two calendar controls on one page. I want that Calendar 1 selected date is always less than Calendar’ 2 selected date and Calendar 2 selected date is always greater than Calendar 1 selected date.

Please suggest.

Thanks

Answer 1

I suppose you use ASPxDateEdit control. Try this for client side checking:

<dxe:ASPxDateEdit ClientInstanceName="cal1" runat="server">
    <ClientSideEvents DateChanged=
            "function(s,e) {
                if (s.GetDate() >= cal2.GetDate()) 
                {
                    s.SetIsValid(false);
                    s.SetErrorText("cal1 >= cal2");
                }            
            }" 
    />
</dxe:ASPxDateEdit>

<dxe:ASPxDateEdit ClientInstanceName="cal2" runat="server">
    <ClientSideEvents DateChanged=
            "function(s,e) {
                if (s.GetDate() <= cal1.GetDate()) 
                {
                    s.SetIsValid(false);
                    s.SetErrorText("cal1 >= cal2");
                }            
            }" 
    />
</dxe:ASPxDateEdit>

You should implement server side validation as well.

ASPxClientDateEdit and DateEditClientSideEvents documentation.