amp-date-pickerの初期値
AMPでもカレンダー機能を使用するためには、amp-datepickerが便利ですが、オプションの設定は普通のJavascriptのdatepickerに比べてわかりづらく、詰まるポイントになります。
AMPに関しては調べてもなかなか情報が出てこないため、苦労する人も多いのではないでしょうか。
その中でも私もハマった初期値を今日(ページを開いた当日)にする方法を共有します。
dateオプションにPODを設定
以下のように、amp-date-pickerのオプション「date」に"POD"という値を設定すれば初期値が今日(ページを開いた当日)になります。
元々dateオプションは初期値を設定するオプションですが、AMPだとどのように動的に当日日付を設定したら良いのか分かりづらいですよね。
<amp-date-picker ・ ・ date="P0D" ・ ・ > </amp-date-picker>
