[TypeScript]從WebAPI2傳回Json資料取得的Date型別轉成string顯示日期

TypeScript,Date ,is toLocaleDateString is not a function

我們TypeScript會建立三種類別 Controller(處理頁面)、Model、Service(呼叫api)

1.首先我們會從WebAPI那邊取回Json的資料後

2.Return回來我們會放入到我們建立的interface的Model裡,並且是Date型別

3.此時回到從TypeScript 的Controller那邊因為我們有呼叫服務會把Model資料傳回來

4.之後要把資料顯示在頁面上

5.此時我們先使用   let date=new Date(Date型別的變數.toString());

6.接著就可以使用date.toLocaleDateString();  放入進innerText了,就不會顯示toLocaleDateString is not a function

錯誤的畫面

改完之後上面紅字即會消失

備註:如果想要改其他格式的話,可以轉換成另外一種寫法

備註2:getMonth() 是因為 0等於1月 所以要+1 才會是正確的月份

備註3:也可以使用nuget安裝moment套件的TypeScript版本,然後再引用到Controller裡面,接著畫面還必須要有input屬於他的js否則會跑不了,會發生找不到問題