日付の形式を変更したいです。

Question

前提・実現したいこと

日付の形式を変更したい。

問題点/エラー内容/エラー文章

エラーメッセージ　「Error in render: "TypeError: dt.getMonth is not a function"」

該当ソースコード/コマンド

<p>{{ itemLimit | formatDate}}</p> 
var vue = new Vue({
 el:"#app",
 data: {
  itemLimit : '2021-08-18'
  },
 filters: {
    formatDate: function(dt){
      let m = ('0' + (dt.getMonth()+1)).slice(-2);
      let d = ('0' + dt.getDate()).slice(-2);
      return (m + '/' + d);
    }
  }
})

エラー原因となり得る部分

dt.getMonthの箇所がエラーになる。引数dtが、itemLimitの値（2021－08－18）を取得しているものと考えているが、ここが違うのかもしれない。

試したことや調べたこと

-リファレンスを確認したところ、引数dtは、itemLimitの値を取得しているように思える。しかし、他に原因が思いつかない。

コードURL(Github、Fiddleなど該当コードファイル)

Fiddleでデモ―コードを作成しました。
https://jsfiddle.net/uco3hqe9/3/

解決策が分かる方がいらっしゃいましたら、ご教授いただけると大変助かります。
よろしくお願いいたします。

Answer 1

引数dtが、itemLimitの値（2021－08－18）を取得しているものと考えているが、ここが違うのかもしれない。

逆です。単なる文字列に対してgetMonthは呼べません。

new DateでDateオブジェクトを作成しましょう。