0

MaskedEditExtender我正在使用的控件是为 aMaskType="DateTime"和 the设置的，AcceptAMPM="true"但我需要知道用户如何更改 am/pm 而无需输入AAM 和PPM？有没有办法可以在此控件中添加箭头或其他内容，以便在从 AM 更改为 PM 时更加用户友好？我的用户不会知道他们需要输入值才能更改。 

 <asp:TextBox ID="txtDateTime" runat="server"></asp:TextBox>
      <asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server"
       TargetControlID="txtDateTime" MaskType="DateTime" Mask="99/99/9999 99:99" 
       MessageValidatorTip="true" CultureName="en-US" ErrorTooltipEnabled="True"
       AcceptAMPM="true">
      </asp:MaskedEditExtender>
4

2 回答 2

0

我不相信有任何方法可以改变功能，至少在没有大量工作的情况下是这样。如果您需要一些更灵活的东西，我建议您查看 jQuery Timepicker。

于 2011-10-18T16:12:37.503 回答
0 
<script type="text/javascript">
    //Set the default text to "PM"
    var mee;
    function pageLoad() {
        //Please use your MaskedEditExtender's id or behaviorId.
        mee = $find("MaskedEditExtender3");

        //The target textbox control
        var e = mee.get_element();

        //Remove the focus event handler
        if (mee._focusHandler) {
            $removeHandler(e, "focus", mee._focusHandler);
        }
        //Add a new focus event handler which inherits from the old one.
        mee._focusHandler = Function.createDelegate(mee, newFocus);
        $addHandler(e, "focus", mee._focusHandler);
    }
    function newFocus() {
        mee._onFocus();
        if ((mee._MaskType == AjaxControlToolkit.MaskedEditType.Time || mee._MaskType == AjaxControlToolkit.MaskedEditType.DateTime) && mee.get_CultureAMPMPlaceholder() != "" && mee._getClearMask() == "") {
            if (mee._AcceptAmPm) {
                //The original code of default AM/PM text in function _onFocus() is:
                //this.InsertAMPM(this.get_CultureAMPMPlaceholder().substring(0,1));

               mee.InsertAMPM(meeTueEndCorp.get_CultureFirstLetterPM());
               mee.setSelectionRange(0, 0);
            }
        }
    }
</script>
<div>
    <strong>Enter Time (format: <em>99:99:99</em>):</strong>
    <br />
    <asp:TextBox ID="TextBox3" runat="server" Width="130px" Height="16px" />
    <ajaxToolkit:MaskedEditExtender ID="MaskedEditExtender3" runat="server" TargetControlID="TextBox3"
        Mask="99:99:99" MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus"
        OnInvalidCssClass="MaskedEditError" MaskType="Time" AcceptAMPM="True" ErrorTooltipEnabled="True" />
    <ajaxToolkit:MaskedEditValidator ID="MaskedEditValidator3" runat="server" ControlExtender="MaskedEditExtender3"
        ControlToValidate="TextBox3" IsValidEmpty="False" EmptyValueMessage="Time is required"
        InvalidValueMessage="Time is invalid" Display="Dynamic" TooltipMessage="Input a time"
        EmptyValueBlurredText="*" InvalidValueBlurredMessage="*" />
    <br />
    <em><span style="font-size: 8pt">Tip: Type 'A' or 'P' to switch AM/PM</span></em>
</div>
</form>

检查此链接，这可能会有所帮助。 http://forums.asp.net/t/1339632.aspx 或者如果您想将默认值设置为 PM。我已经修改了ajax控制工具包代码中的代码并再次编译它以默认为PM工作。在我的博客上查看此代码。

http://blog.sumedh.in/post/2011/12/16/Ajax-Net-35-Control-Toolkit-MaskedEditExtender-Default-to-PM.aspx

于 2014-01-22T07:21:18.200 回答