Merge branch 'devs' of https://gitlab.com/big.imcloud/badyfeed/bf into devs

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>