Question

我有一个文本框，右侧有一个日历图标。当我点击图标时，会出现日历，允许用户选择特定日期。在日历中，用户无法选择上一个日期，并且日历也会在当前日期的2年内被阻止。

现在我必须验证文本框。

如果用户手动输入任何过去的日期，则会出现错误＆＃34;无效日期＆＃34; - 这是正确的
但如果用户输入未来日期，即a 从当前日期起2年后，系统接受哪个日期不正确。

所以我想验证文本框，以便用户收到错误＆＃34;无效日期＆＃34;如果他输入日历中现有的日期，我不想要只读文本框。

代码

<script type="text/javascript">

    window.onload = function () {
        var dateToday = new Date();
        $("input.dtpRelease").datepicker({

            showOn: 'button',
            changeYear: true,
            changeMonth:true,
            minDate: dateToday,
            maxDate: "2y",
            buttonImageOnly: true,
            dateFormat: "mm/dd/yy",
            buttonImage: '/Images/icon_calendar_24.png',

        });
   }

<asp:TextBox ID="dtpStartDate" runat="server" Style="width: 80px; margin-top: 5px;" CssClass="form-control dp2 dtpRelease pull-left" MaxLength="100" placeholder="Start Date" Text='<%# MSEncoder.Encoder.HtmlEncode(Convert.ToString( Eval("FulfillmentStartDate"))) %>' onblur="ValidateDate(this)"></asp:TextBox> 
                           <br/><br/><asp:RegularExpressionValidator ID="regExSDate" runat="server" ControlToValidate="dtpStartDate" ForeColor="Red" Display="Dynamic" ValidationExpression="^(((0?[1-9]|1[012])/(0?[1-9]|1\d|2[0-8])|(0?[13456789]|1[012])/(29|30)|(0?[13578]|1[02])/31)/(19|[2-9]\d)\d{2}|0?2/29/((19|[2-9]\d)(0[48]|[2468][048]|[13579][26])|(([2468][048]|[3579][26])00)))$" ErrorMessage="Please enter date in MM/DD/YYYY Format"  ValidationGroup="vg" ></asp:RegularExpressionValidator>
                                     <asp:CompareValidator ID="cvStartDate" runat="server" ControlToValidate="dtpStartDate" ErrorMessage="Invalid Start Date" ForeColor="Red" Operator="GreaterThanEqual"  Display="Dynamic" ValidationGroup="FirstPreview" CssClass="validatorMsg" ValueToCompare="<%# DateTime.Today.ToShortDateString() %>" SetFocusOnError="True"  Type="Date" ></asp:CompareValidator>

Answer 1

为什么点你只是禁用文本框，让用户只通过日期选择器输入日期。它与demo完全相同，但您可以从文本框旁边的图像触发日历

Answer 2

您可以使用以下功能检查文本框中的日期是否在范围内

<script>
   function checkDate(d)
   {
       var maxAcceptedDate = new Date()
       maxAcceptedDate.setFullYear(maxAcceptedDate.getFullYear()+2)

       return d <= maxAcceptedDate
   }
</script>

如果要从自定义验证器调用此js函数，则需要更改方法以确保它不会接受任何参数

<script>
   function checkDate()
   {
      //var d = [get text from your textbox as date]
       var maxAcceptedDate = new Date()
       maxAcceptedDate.setFullYear(maxAcceptedDate.getFullYear()+2)

       return d<=maxAcceptedDate
   }
</script>

阻止用户在日历ASP中阻止的文本框中输入日期

2 个答案: