首页 > 解决方案 > DateEdit 中的从日期到日期验证

问题描述

我正在使用 Devexpress 控制DateEdit

验证应该是:

从日期应该小于到日期

用户不应选择小于 fromdate 的 todate

JavaScript

<script>
        function DateChanged() {


            var objFromDate = document.getElementById("deFromDate").value;
            var objToDate = document.getElementById("deToDate").value;

            var date1 = new Date(objFromDate);
            var date2 = new Date(objToDate);

            var date3 = new Date();
            var date4 = date3.getMonth() + "/" + date3.getDay() + "/" + date3.getYear();
            var currentDate = new Date(date4);

            if (date1 > date2) {
                alert("fromdate should be less than todate");
                return false;
            }
            else if (date1 > currentDate) {
                alert("From Date should be less than current date");
                return false;
            }
            else if (date2 > currentDate) {
                alert("To Date should be less than current date");
                return false;
            }
        }
    </script>

但是在控制台窗口上我得到错误喜欢

无法获取未定义或空引用的属性“值”

所以问题.value不是javascript函数,

如何检索选定的日期值

ASPX

<td>
  <dx:ASPxDateEdit CssClass="date" ID="deFromDate" runat="server" Width="117px" AllowUserInput="False" Height="25px"
  EditFormatString="dd-MMM-yyyy" DisplayFormatString="dd-MMM-yyyy" EditFormat="Custom"
  Theme="Office2003Blue" ClientInstanceName="deFromDate" OnInit="deFromDate_Init">
    <DropDownButton Image-Url="../Images/calendar.png" Image-Height="23px" Image-Width="23px"></DropDownButton>
   </dx:ASPxDateEdit>

       <dx:ASPxDateEdit CssClass="date" ID="deToDate" runat="server" Width="117px" AllowUserInput="False" Height="25px"
           EditFormatString="dd-MMM-yyyy" DisplayFormatString="dd-MMM-yyyy" EditFormat="Custom"
           Theme="Office2003Blue" ClientInstanceName="deQuoDate" OnInit="deToDate_Init">
             <DropDownButton Image-Url="../Images/calendar.png" Image-Height="23px" Image-Width="23px"></DropDownButton>
          </dx:ASPxDateEdit>
     <span><img src="/Images/icon_required_field.gif" /></span>

标签: jquerydatevalidation

解决方案


推荐阅读