Angular 2日期验证问题：如何允许选择当日日期？

你的问题出在两个核心点：一是验证逻辑的比较条件不符合需求，二是Date对象的时间部分干扰了纯日期比较——Date.now()返回的是包含当前时分秒的完整时间戳，而用户选择的当日日期通常会被解析为当天的00:00:00，直接比较的话，当日日期会被判定为小于当前时间，导致验证失败。

下面是具体的修改方案：

1. 修正日期验证方法 #

我们需要先统一两个日期的时间部分为当日起始点（00:00:00），只比较年、月、日维度，再调整验证逻辑：

// Validation Date
validateDate(inputDate: Date, dateNow: Date) {
  // 标准化日期：提取年、月、日，创建时间为00:00:00的新日期对象，消除时分秒干扰
  const normalizedInput = new Date(inputDate.getFullYear(), inputDate.getMonth(), inputDate.getDate());
  const normalizedToday = new Date(dateNow.getFullYear(), dateNow.getMonth(), dateNow.getDate());
  
  // 只有当输入日期 早于 今日时，验证失败（返回false）
  return normalizedInput >= normalizedToday;
}

2. 优化表单提交的提示信息 #

把原来模糊的提示改成更清晰的表述，让用户明确规则：

// When Submit Form
formSubmits() {
  this.processValidation = true;
  let workorderss = this.workorderForm.value;
  let inputDate = new Date(workorderss.dueDate);
  let dateNow = new Date(Date.now());

  if (this.workorderForm.invalid) {
    return;
  }
  
  // 更清晰的判断逻辑和提示文本
  if (!this.validateDate(inputDate, dateNow)) {
    alert("Date cannot be earlier than today!");
    return;
  }

  // 后续表单提交逻辑保持不变
  this.preProcessConfigurations();
  workorderss.inspectors = { 'id': workorderss.inspectors };
  workorderss.questioners = { 'id': workorderss.questioners, 'questionerDetails': [] };
  this.workorderService.getAllWorkOrder()
    .subscribe(workorders => {
      this.workorderService.createWorkOrder(workorderss)
        .subscribe(successCode => {
          this.statuscode = successCode;
          this.workorderForm.reset();
          alert("Create WorkOrder Success");
          this.locations.back();
        }, errorCode => alert("Code is Already Exist")
      );
    });
}

方案说明 #

• 标准化日期后，我们彻底消除了时分秒的干扰，确保只比较纯日期部分；
• 调整后的逻辑normalizedInput >= normalizedToday会让当日日期和所有未来日期都通过验证，只有早于当日的日期才会被拒绝，完全匹配你的需求。

内容的提问来源于stack exchange，提问作者T M