html - 将 html 类型 ="date"与 typescript new Date() 对象进行比较

标签 html angular typescript

我有一个html代码

<div class="form-group row">
          <label class="col-sm-2 col-form-label">Due date: </label>
          <div class="col-sm-10">
            <input type="date" class="form-control" #due_date>
          </div>
</div>

而我的 typescript 代码是这样的,但是一直不进入条件,怎么办?

if(element.due_date <= new Date()){
    //if(element.due_time <= new Date().toLocaleTimeString())
    console.log(element);
    element.notify = true;
  } 

最佳答案

使用 moment.js 可以快速完成。我会将输入模型保留为 ISO 字符串,并让 moment.js 在比较日期时解析它:

moment(dateInISO).isAfter(anotherDateInISO); // true

或者让 moment.js 处理您自己的不同日期类型:)

关于html - 将 html 类型 ="date"与 typescript new Date() 对象进行比较,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47678537/

相关文章:

html - 单元格之间具有自动宽度和边距的 CSS 垂直列表

html - 竖排文字方向

javascript - Angular 变化 MatInput Size

angular - 为 ng-bootstrap modal (NgbModal) [Angular 6] 编写单元测试

angular - 在没有包装器 ViewChild 的情况下从组件代码访问 ng-content

html - IE9随机?不显示内容、链接失败等?? CSS?

angular - 如何让 Angular canDeactivate 服务等待模态对话框响应?

typescript - 如何强制两种类型在 TypeScript 中不兼容?

具有单例类型的 Typescript 联合类型无法编译

javascript - 如何为这个 html 代码实现一个数组列表?