比较html类型="；日期“；使用typescript new Date（）对象

我有一个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>

到期日：

我的typscript代码是这样的，但它从未进入条件，所以我应该怎么做

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

---

if（element.due_date可以使用。
我会将输入模型保留为ISO字符串，并在比较日期时对其进行分析：

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

或者让moment.js处理您自己的不同日期类型：）
根据模板，您的组件代码应该如下

export class SomeComponent {
  @ViewChild('due_date') due_date: ElementRef;

  someMethod() {
    const inputDate = new Date(this.due_date.nativeElement.value);
    if (inputDate <= new Date()) {
      //if(element.due_time <= new Date().toLocaleTimeString())
      console.log(this.due_date.nativeElement.value);
      // element.notify = true;
    } 
  }
}

导出类组件{
@ViewChild（“到期日”）到期日：ElementRef；
someMethod（）{
const inputDate=新日期（this.due\u Date.nativeElement.value）；
if（inputDate什么是
元素。due\u date
？它持有html日期类型，将其视为来自html的due\u日期使用调试器来确定代码正在做什么。欢迎！确保您没有在数据库中保存矩.js日期对象。很少有像
矩（someDate）.toISOString（）
，
矩（someDate）.format（）这样的解决方案
或将此答案向上投票即可；）