AjaxControlTookit Masked Edit

Question

I'm trying to create an textbox with a date input mask, such as "dd/mm/yyyy". The mask should be displayed before the textbox gains focus and when the user enters the date, the mask should still be displayed but be automatic overwritten with the entered numbers.

I tried looking at the Ajax control toolkit, which works fine except that I can't set the prompt string only a single character. Is there a workaround or some other controls I can use?

Answer 1

Use TextBoxWatermarkExtender for that

  <cc1:MaskedEditExtender ID="mee" runat="server" AcceptNegative="Left"
  DisplayMoney="Left" ErrorTooltipEnabled="True" Mask="99/99/9999" MaskType="Date"
  TargetControlID="txt">    </cc1:MaskedEditExtender>
  <cc1:TextBoxWatermarkExtender ID="wme" TargetControlID="mee" WatermarkText="MM/dd/yyyy" runat="server" />