javascript - 如何处理两个日期之间验证的错误？

Question

我有一个 jsp 页面，用户可以在其中选择两个日期。我需要验证以确保范围的限制是一个月。我需要显示有关该问题的错误处理消息。

我尝试制作一个返回 true 和 false 的函数。当返回为false时，提示信息已经出现，但系统仍在运行到下一步。这是我的 jsp 页面:(我使用 netbeans 编辑器)

var fromDate = new Date(document.getElementById("fromTgl").value);
var toDate = new Date(document.getElementById("toTgl").value);
//call the function
var validateDate;
    validateDate = rangeWithinDates(toDate,fromDate);
//funtion for validation within two dates
function rangeWithinDates(toDate,fromDate){
      var diff = Math.abs(toDate.getTime() - fromDate.getTime());
      var daysDiff = diff / (1000 * 60 * 60 * 24);

      if (daysDiff>30){
         window.alert("Please limit the date range to 1 month!");
         return false;
      } else {
         return true;
      }
 }

这是我的完整脚本

<script>
  var officeCode;
  var fdsReport;
  var rows;

  $(document).ready(function() {

    esLoadingAnimWindow("wndLoading");

      /** Get the userId from session scope **/
    var userId = "${sessionScope.UserSession.getUserId()}";
    var CurrOfficeCode = "${sessionScope.UserSession.getUserOfficeCode()}";

    if ($("#officeCode").data("kendoDropDownList") == null) {
        $('#officeCode').kendoDropDownList({
          dataTextField: "nameShort",
          dataValueField: "officeCode",
          dataSource: {
            transport: {
              read: {
                dataType: "json",
                url: getFormRestUrl() + "/getListOffice?officeCode=" + CurrOfficeCode
              }
            }
          },
          optionLabel: "Select Office Code"
        });
    }

    if($("#fromTgl").data("kendoDatePicker")==null) {
      $("#fromTgl").kendoDatePicker({value: new Date(), format: "dd MMMM yyyy"});
    }

    if($("#toTgl").data("kendoDatePicker")==null) {
      $("#toTgl").kendoDatePicker({value: new Date(), format: "dd MMMM yyyy"});
    }

    $("#wndLoading").kendoWindow({
      actions: ["Close"],
      modal: true,
      width: "350px",
      resizable: false,
      title: false,
      draggable: false,
      open: function(e) { $("html, body").css("overflow", "hidden"); },
      close: function(e) {
    $("html, body").css("overflow", "");
      }
    }).data("kendoWindow");

    // Call the function to stop scrolling main window when scrolling the content of kendo dropdownlist.
    stopScroll($("#officeCode").data("kendoDropDownList").ul.parent());
    });

    $("#btnProcess").click(function(e){
        e.preventDefault();
        $("#wndLoading").data("kendoWindow").center().open();

        var fromDate = new Date(document.getElementById("fromTgl").value);
        var toDate = new Date(document.getElementById("toTgl").value);
        var validateDate;
        validateDate = rangeWithinDates(toDate,fromDate);

        fdsReport = new kendo.data.DataSource({
            transport: {
                read: {
                    url: getFormRestUrl() + "/getReportFidusia?officeCode=" + $("#officeCode").val().trim() 
                                          + '&beginDate=' + dateToString($("#fromTgl").data("kendoDatePicker").value()) 
                                          + '&endDate=' + dateToString($("#toTgl").data("kendoDatePicker").value()),
                    dataType: "json",
                    contentType: "application/json"
                }
            }
        });

        rows = [{
                cells:[
                    { value: "TN NY NN" },
                    { value: "Pemberi Fidusia" },
                    { value: "Pekerjaan" },
                    { value: "Kota Lahir" },
                    { value: "Tanggal Lahir" }
                ]
        }];

        fdsReport.read().then(function(){
            var data = fdsReport.data();
            for (var i = 0; i < data.length; i++){
                rows.push({
                    cells: [
                        { value: data[i].tNnYnN},
                        { value: data[i].pemberiFidusia},
                        { value: data[i].jobCust},
                        { value: data[i].kotaLahir},
                        { value: data[i].tglLahir.slice(0,4) + "-" + data[i].tglLahir.slice(5,7) + "-" + data[i].tglLahir.slice(8,10)}
                    ]
                });
            };

            var workbook = new kendo.ooxml.Workbook({
                sheets: [
                    {
                        columns: [
                            { autoWidth: true },
                            { autoWidth: true },
                            { autoWidth: true },
                            { autoWidth: true },
                            { autoWidth: true }
                        ],
                        title: "Laporan Fidusia",
                        rows: rows
                    }
                ]
            });
            $("#wndLoading").data("kendoWindow").close();

            // Save the file as Excel file with extension xlsx
            kendo.saveAs({
                dataURI: workbook.toDataURL(),
                fileName: "erpt_laporan_fidusia.xlsx"
            });
        });
    });

    //Ajax error listener
    $(document).ajaxError(function (event, jqxhr, settings, thrownError){
        //Close the loading window if it is opened
        $("#wndLoading").data("kendoWindow").close();

        //Open the alert window.
        var wndAlert = registerAlertModalWindow("wndAlert", jqxhr.responseText);
        wndAlert.center().open();
    });

    function getGLobalRestUrl() {
    return "/easy/api";
    }

    function getFormRestUrl() {
      return getGLobalRestUrl() + "/OMTRNF661";
    }

    function dateToString(pDate) {
      return kendo.toString(pDate, 'yyyy-MM-dd').trim();
    }

    function rangeWithinDates(toDate,fromDate){
      var diff = Math.abs(toDate.getTime() - fromDate.getTime());
      var daysDiff = diff / (1000 * 60 * 60 * 24);

      if (daysDiff>30){
         window.alert("Please limit the date range to 1 month!");
         document.getElementById("toTgl").value = "";
         return false;
      }
      return true;
    }
</script>

the result of this code我希望如果 return false 会显示一条错误消息并停止运行。因此，用户必须根据预先确定的范围选择日期。如果返回 true 将继续下一步。请帮我解决这个问题..

Answer 1

您的 validateDate 不会阻止您下载:它只是一个未使用的 bool 值。如果你愿意，你必须做这样的事情:

if (validateDate){<the rest of your download code section>}