日づけ選択フォーム追加（側だけ）

2023-12-15 02:28:54 +09:00
parent de8a0aa429
commit 339e00347e
2 changed files with 19 additions and 0 deletions
@@ -3,7 +3,11 @@
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+        <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
+        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" />
        <link href="./style.css" rel="stylesheet" />
        <title>伊地知ニジカ放送局 - ニジカ返答ログ</title>
    </head>
@@ -43,6 +47,18 @@
                                    </div>
                                </div>

+                                <div class="row d-flex align-items-center my-2">
+                                    <div class="col-4 fw-bold">
+                                        日時ニジカ
+                                    </div>
+
+                                    <div class="col input-group">
+                                        <input type="text" class="form-control" placeholder="YYYY/MM/DD" id="filter-date-start" />
+                                        <span class="input-group-text">〜</span>
+                                        <input type="text" class="form-control" placeholder="YYYY/MM/DD" id="filter-date-end" />
+                                    </div>
+                                </div>
+
                                <div class="row d-flex align-items-center my-2">
                                    <div class="col-4 fw-bold">
                                        フリーワード