htmlの入力フォームで、日付の範囲が自動的に定義されるようにしたい

前提・実現したいこと

宿泊の予約サイトを作っています。何百年後の予約ができるようにしたところで意味がないので、今日を含めて180日間の範囲しかカレンダーで表示されないようにしたいです。範囲指定自体はmax、minで可能だとわかりましたが、いろいろ調べても固定の日付を定義したソースのみで頭を抱えています。今日は8/31なのでminには2019-8-31、maxには2020-2-27が、明日になったら2019-9-1、2020-2-28が自動的に定義されるようにしたいです。
なにせずぶの素人に毛が生えたようなものなので、皆様にご教授頂けると幸いです。

エラーメッセージ

該当のソースコード

<form action="book.php" method="post"> <label>日付:<input type="date" name="date" max="" min=""></label> <input type="submit" value="送信"> </form> ### 試したこと

javascriptやphpで今日の日付と180日後の日付を取得する変数を作ってタグ内に組み込みましたがうまくいきません。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

m.ts10806

2019/08/30 20:35

> javascriptやphpで今日の日付と180日後の日付を取得する変数を作ってタグ内に組み込みましたがうまくいきません。どちらでも対応可能なはずです。タグにJavaScriptとPHPを追加し、試したコードを質問本文に追記して、起きている現象やエラーなども記載してください

行動規範の内容に同意します

回答1件

html
1<html>
2<head>
3<meta charset="UTF-8" />
4<title>フォーム</title>
5<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.16/dayjs.min.js"></script>
6<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.16/locale/ja.js"></script>
7</head>
8<body>
9  <form action="book.php" method="post">
10  <label>日付:<input id="form_date" type="date" name="date" max="" min=""></label>
11  <input type="submit" value="送信">
12  </form>
13</body>
14<script>
15  dayjs.locale('ja');
16  var _nowStr = dayjs().format('YYYY-MM-DD');
17  var _maxStr = dayjs().add(180, 'day').format('YYYY-MM-DD');
18  var _formDate = document.getElementById('form_date');
19  _formDate.attributes.min.value = _nowStr;
20  _formDate.attributes.max.value = _maxStr;
21</script>
22</html>