2017-12-06 8 views
2

でHTMLタイプ=「日付」を比較私はhtmlコードtypescriptです新しいDate()オブジェクト

<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; 
    } 
+0

「element.due_date」とは何ですか? – SLaks

+0

html日付型を保持しています。htmlのdue_dateと考えてください。 –

+0

デバッガを使用して、コードが何をしているのか把握してください。 – SLaks

答えて

1

moment.jsを使用すると簡単に行うことができます。

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

それともmoment.jsはによると、独自の異なる日付タイプ:)

+1

ありがとう! –

+0

ようこそ!あなたのデータベースにオブジェクトの日付を保存していないことを確認してください。 'moment(someDate).ISIString()'、 'moment(someDate).format()'やこの回答をupvotingするなどの解決策はほとんどありません。 – DotBot

0

の世話をしてみましょう:それは日付を比較するとき 私は、ISOの文字列として入力モデルを維持し、それパースの瞬間を持っているでしょうテンプレートは、あなたのコンポーネントコードは次のようになります

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; 
    } 
    } 
}