我有一个datepicker，由于用户可能会将无效字符写入文本框，所以我想拥有datepicker验证

Question

  when I enter 123456 in date textbox then not validating.

当我输入错误输入(例如(123456(或任何字符串(时，它应该验证。(ddsfgdfddf(需要在日期字段中验证当我们在日期文本框验证中键入123456时现在，您可以私下浏览，其他使用此设备的人看不到您的活动。但是，下载和书签将被保存。了解更多

        @section Scripts {

                       @Scripts.Render("~/application/Report")
            <script type="text/javascript">

                $(document).ready(function () {


                    Report.Initialize();
                    Report.validatationForDateFromAndDateTo("dateFrom", "dateTo");
                    $("#pageOrientation").val("use landscape");
                });
            </script>
        }
    [enter image description here][1]
    validatationForDateFromAndDateTo: function (dateFromId, dateToId) {
                    $("#" + dateFromId + ", #" + dateToId).on("change", function () 
        {
                        debugger;
                        var areDatesPresent = true;
            var startDateText = $("#" + dateFromId).val();
                        var leavingDateText = $("#" + dateToId).val();
                        var startDateTextLenght =$("#" + dateFromId).val().length;
                        if (startDateText == "") {
                            areDatesPresent = false;
                            Base.setResetErrorMessage('DateFromError', "Date from is required.", true);
                        }
                        else { Base.setResetErrorMessage('DateFromError', "", false); }
                        if (leavingDateText == "") {
                            areDatesPresent = false;
                            Base.setResetErrorMessage('DateToError', "Date to is required.", true);
                        }
                        else { Base.setResetErrorMessage('DateToError', "", false); }
             if (areDatesPresent) {
                            var startDate = new Date(startDateText);
                            var leavingDate = new Date(leavingDateText);
                            if (leavingDate < startDate || $(this).val() == "") {
                                Base.setResetErrorMessage('DateFromError', "Date from must be less than Date to.", true);
                                Base.setResetErrorMessage('DateToError', "Date to must be greater than Date from.", true);
                                $("#GetReport").attr("disabled", "disabled");
                            }
                            else {
                                Base.setResetErrorMessage('DateFromError', "", false);
                                Base.setResetErrorMessage('DateToError', "", false);
                                $("#GetReport").attr("disabled", false);
                            }
                        }
            else {
                            $("#GetReport").attr("disabled", "disabled");
                        }

            View:
            <div class="col-sm-12">
                                                    <div class="input-group date">
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                        <input type="text" id="dateFrom" name="dateFrom" class="form-control"  value="@dateFrom.ToString(Consts.DateFormats.DateOnly) ">
                                                    </div>
                                                    @Html.ValidationMessage("DateFromError")
                                                    [enter image description here][1]
                                                </div>
                enter code here
              [1]: https://i.stack.imgur.com/zuVfa.png

        <div class="input-group date">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="datetime" id="dateTo" name="dateTo" class="form-control"  value="@dateTo.ToString(Consts.DateFormats.DateOnly)">
                                                </div>
                                                @Html.ValidationMessage("DateToError")
                                            </div>**strong text**

    View :
     <div class="col-sm-12">
                                                    <div class="input-group date">
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                        <input type="text" id="dateFrom" name="dateFrom" class="form-control"  value="@dateFrom.ToString(Consts.DateFormats.DateOnly) ">
                                                    </div>
                                                    @Html.ValidationMessage("DateFromError")
                                                    [enter image description here][1]
                                                </div>
                enter code here
              [1]: https://i.stack.imgur.com/zuVfa.png

        <div class="input-group date">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    <input type="datetime" id="dateTo" name="dateTo" class="form-control"  value="@dateTo.ToString(Consts.DateFormats.DateOnly)">
                                                </div>
                                                @Html.ValidationMessage("DateToError")
                                            </div>
      [1]: https://i.stack.imgur.com/fKt4y.png

Answer 1

一个选项是使用输入类型=日期，让浏览器处理字段的格式

<input id="date" type="date">