How to use Ajax MaskedEdit with certain date format?

Question

We have a text box, where the user can input date. The only valid date allowed is MM/dd/yyyy. After going through all the trouble, I think MaskedEditExtender is the best choice. But I have some problems using it. Following is my ASPX code,

<div>
    Date: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:MaskedEditExtender ID="TextBox1_MaskedEditExtender" runat="server" 
        CultureAMPMPlaceholder="" CultureCurrencySymbolPlaceholder="" 
        CultureDateFormat="" CultureDatePlaceholder="" CultureDecimalPlaceholder="" 
        CultureThousandsPlaceholder="" CultureTimePlaceholder="" Enabled="True" 
        Mask="99/99/9999" MaskType="Date" TargetControlID="TextBox1">
    </asp:MaskedEditExtender>
    <asp:CalendarExtender ID="TextBox1_CalendarExtender" runat="server" 
        Enabled="True" TargetControlID="TextBox1" Format="MM/dd/yyyy">
    </asp:CalendarExtender>         
</div>

Here are my questions:

After I added the MaskedEditExtender, when I pick up a date from calendar, it won't write to the text box.
When I type some date in the text box, it will become 01-01-2011, not 01/01/2011, which is what I want.
Should I use CompareValidator or MaskedEditValidator? Since I want to make sure the date like 02/29/2011 is not valid.

score 2 · Accepted Answer · answered Mar 08 '12 at 23:16

2

Your code is correct. I try it on my own and everything works perfect.

So, I suggest you to try this code on a separate project solution to see if there is any other problem.

About 3th question, probably you need to use MaskedEditValidator if you need to validate the inserted date. You should use CompareValidator if you need to compare some dates for example.

Here is a good example of using MaskedEditValidator:

<ajaxToolkit:MaskedEditValidator ID="MV_Date" runat="server" ControlToValidate="TextBox1"
            ControlExtender="TextBox1_MaskedEditExtender" InvalidValueMessage="Invalid Date"
            IsValidEmpty="False" />

answered Mar 08 '12 at 23:16

Koste

538
6
17

what is the different between MaskedEditValidator or the CompareValidator? – GLP Mar 09 '12 at 14:55
As I wrote before the CompareValidator should be used to compare the value of one input control to the value of another input control or to a fixed value, and MaskedEditValidator verifies that the input text matches the pattern specified in the MaskedEdit extender. So for your question you should use MaskedEditValidator to make sure if date is correct. – Koste Mar 09 '12 at 15:00

score 0 · Answer 2 · answered Mar 09 '12 at 05:50

0

Your code works perfectly. Just add latest version of ajax control toolkit.

answered Mar 09 '12 at 05:50

ankit rajput

182
2
5

How to use Ajax MaskedEdit with certain date format?

2 Answers2