From 91de1f8811dfee14b43e5b27e85a5226b5301240 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EC=9D=B4=EC=86=94?= <isol2011@imcloud.co.kr>
Date: Tue, 26 Apr 2022 22:31:53 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1=20-=20?=
 =?UTF-8?q?=EA=B8=B0=EB=A1=9D=20=EB=82=A0=EC=A7=9C=20=EC=8B=9C=EA=B0=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bf_growth_record/9-2.기록-젖병.html   | 64 ++++++++++++++++++-
 1 file changed, 62 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/m/html/bf_growth_record/9-2.기록-젖병.html b/src/main/webapp/m/html/bf_growth_record/9-2.기록-젖병.html
index 83a423c..30b0d4e 100644
--- a/src/main/webapp/m/html/bf_growth_record/9-2.기록-젖병.html
+++ b/src/main/webapp/m/html/bf_growth_record/9-2.기록-젖병.html
@@ -12,7 +12,7 @@
     <script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
     <link rel="stylesheet" href="../../css/swiper.min.css">
     <script src="../../js/swiper.min.js"></script>
-    <link rel="stylesheet" href="../../css/anypicker-all.css">
+    <link rel="stylesheet" href="../../css/anypicker-all.min.css">
     <script type="text/javascript" src="../../js/anypicker.min.js"></script>
 </head>
 
@@ -56,7 +56,7 @@
                         <p class="info"><span class="name">소희</span><span class="age">1세 2개월 (여)</span></p>
                     </div>
                     <!-- <p class="allergy">알러지: 두유, 우유</p> -->
-                    <p class="cal"><span class="date">2021.04.06</span><span class="clock">10:56AM</span></p>
+                    <p class="cal"><span class="date">2021.04.06</span><span class="clock">10:56 AM</span></p>
                 </div>
             </div>
             <!-- //nutrition_header_child -->
@@ -532,6 +532,66 @@
     $(".btn_y_n").on("click", function () {
         $("#sharedPop").removeClass("open")
     })
+
+    $(".date").AnyPicker({
+        mode: "datetime",   
+        dateTimeFormat: "yyyy MMM dd",
+        inputDateTimeFormat: "yyyy.MM.dd",
+        headerTitle: {
+            markup: "<span class='ap-header__title'>날짜 선택</span>",
+            type: "Text",
+            contentBehaviour: "Static",
+            format: ""
+        },
+        i18n:
+        {
+            headerTitle: "날짜 선택",
+            setButton: "확인",
+            shortDays: ["일", "월", "화", "수", "목", "금", "토"],
+            shortMonths: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
+            componentLabels: 
+            {
+                date: "일",
+                day: "요일",
+                month: "월",
+                year: "년",
+                hours: "시",
+                minutes: "분",
+                seconds: "초",
+                meridiem: "_"
+            }
+        },
+        onChange: function(iRow, iComp, oSelectedValues)
+        {
+            console.log("Changed Value : " + iRow + " " + iComp + " " + oSelectedValues);
+        }
+    });
+
+    $(".clock").AnyPicker({
+        mode: "datetime",
+        dateTimeFormat: "hh:mm AA",
+        inputDateTimeFormat: "hh:mm AA",
+        headerTitle: {
+            markup: "<span class='ap-header__title'>시간 선택</span>",
+            type: "Text",
+            contentBehaviour: "Static",
+            format: ""
+        },
+        i18n:{
+            headerTitle: "시간 선택",
+            meridiem: 
+            {
+                a: ["a", "p"],
+                aa: ["am", "pm"],
+                A: ["A", "P"],
+                AA: ["AM", "PM"]
+            }
+        },
+        onChange: function(iRow, iComp, oSelectedValues)
+        {
+            console.log("Changed Value : " + iRow + " " + iComp + " " + oSelectedValues);
+        }
+    });
 </script>
 
 </html>
\ No newline at end of file