|
@@ -1,166 +0,0 @@
|
|
|
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
|
|
|
-<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
|
|
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
|
-<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
|
|
|
-<style>
|
|
|
-.datepicker-days td.day,
|
|
|
-.datepicker-days th.dow{font-size:17px;}
|
|
|
-.datepicker-days th.dow{padding-top:15px;}
|
|
|
-.datepicker-days th.prev,
|
|
|
-.datepicker-days th.next{font-size:24px;border:1px solid #EAEAEA;}
|
|
|
-.datepicker-days tbody tr td.day:first-child,
|
|
|
-.datepicker-days thead tr th.dow:first-child { color: red;}
|
|
|
-.datepicker-days tbody tr td.day:last-child,
|
|
|
-.datepicker-days thead tr th.dow:last-child { color: blue;}
|
|
|
-.datepicker-days tfoot tr th.today{background:#427BDC;color:#FFFFFF;height:50px;margin-top:20px;}
|
|
|
-.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td{padding:5px;border:1px solid #EAEAEA;}
|
|
|
-.datepicker .datepicker-switch{height:60px;font-size:20px;border:1px solid #EAEAEA;}
|
|
|
-.table-condensed{width:350px;}
|
|
|
-</style>
|
|
|
-<script type="text/javascript">
|
|
|
-$( function(){
|
|
|
- $('#input.timePicker').datetimepicker({
|
|
|
- datepicker: { showOtherMonths: true },
|
|
|
- modal: true,
|
|
|
- footer: true
|
|
|
- });
|
|
|
-
|
|
|
- $('input.datePicker').datepicker({
|
|
|
- setDate: new Date(),
|
|
|
- format: "yyyy-mm-dd", //데이터 포맷 형식(yyyy : 년 mm : 월 dd : 일 )
|
|
|
- //startDate: '-10d', //달력에서 선택 할 수 있는 가장 빠른 날짜. 이전으로는 선택 불가능 ( d : 일 m : 달 y : 년 w : 주)
|
|
|
- //endDate: '+10d', //달력에서 선택 할 수 있는 가장 느린 날짜. 이후로 선택 불가 ( d : 일 m : 달 y : 년 w : 주)
|
|
|
- autoclose : true, //사용자가 날짜를 클릭하면 자동 캘린더가 닫히는 옵션
|
|
|
- calendarWeeks : false, //캘린더 옆에 몇 주차인지 보여주는 옵션 기본값 false 보여주려면 true
|
|
|
- //clearBtn : true, //날짜 선택한 값 초기화 해주는 버튼 보여주는 옵션 기본값 false 보여주려면 true
|
|
|
- // datesDisabled : ['2019-06-24','2019-06-26'],//선택 불가능한 일 설정 하는 배열 위에 있는 format 과 형식이 같아야함.
|
|
|
- //daysOfWeekDisabled : [0,6], //선택 불가능한 요일 설정 0 : 일요일 ~ 6 : 토요일
|
|
|
- //daysOfWeekHighlighted : [0, 6], //강조 되어야 하는 요일 설정
|
|
|
- disableTouchKeyboard : false, //모바일에서 플러그인 작동 여부 기본값 false 가 작동 true가 작동 안함.
|
|
|
- immediateUpdates: false, //사용자가 보는 화면으로 바로바로 날짜를 변경할지 여부 기본값 :false
|
|
|
- multidate : false, //여러 날짜 선택할 수 있게 하는 옵션 기본값 :false
|
|
|
- multidateSeparator :",", //여러 날짜를 선택했을 때 사이에 나타나는 글짜 2019-05-01,2019-06-01
|
|
|
- templates : {
|
|
|
- leftArrow: '«',
|
|
|
- rightArrow: '»'
|
|
|
- }, //다음달 이전달로 넘어가는 화살표 모양 커스텀 마이징
|
|
|
- showWeekDays : true ,// 위에 요일 보여주는 옵션 기본값 : true
|
|
|
- //title: "날짜를 선택해주세요", //캘린더 상단에 보여주는 타이틀
|
|
|
- todayHighlight : true , //오늘 날짜에 하이라이팅 기능 기본값 :false
|
|
|
- //toggleActive : true, //이미 선택된 날짜 선택하면 기본값 : false인경우 그대로 유지 true인 경우 날짜 삭제
|
|
|
- weekStart : 0 ,//달력 시작 요일 선택하는 것 기본값은 0인 일요일
|
|
|
- language : "ko", //달력의 언어 선택, 그에 맞는 js로 교체해줘야한다.
|
|
|
- todayBtn:'linked'
|
|
|
- });
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-</head>
|
|
|
-<body>
|
|
|
- <div id="sub">
|
|
|
- <div class="container">
|
|
|
- <div class="header">
|
|
|
- <div class="previous">
|
|
|
- <a href="javascript:;">이전</a>
|
|
|
- </div>
|
|
|
- <div class="title">
|
|
|
- 건강정보기록
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="device_tab">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <a href="javascript:;" class="one active">
|
|
|
- 체온
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="health_check_2.html" class="two">
|
|
|
- 맥박수/혈압
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="health_check_3.html" class="three">
|
|
|
- 산소포화도
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="health_check_4.html" class="four">
|
|
|
- 혈당
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="health_check_5.html" class="five">
|
|
|
- 임상증상
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="health">
|
|
|
- <div class="popup" data-popup="popup-time">
|
|
|
- <div class="pop_inner">
|
|
|
- <div class="time">
|
|
|
- <label class="apm">
|
|
|
- <select>
|
|
|
- <option>오전</option>
|
|
|
- <option>오후</option>
|
|
|
- </select>
|
|
|
- </label>
|
|
|
- <label class="hour">
|
|
|
- <select>
|
|
|
- <c:forEach var="h" begin="1" end="12" step="1">
|
|
|
- <fmt:formatNumber var="hour" minIntegerDigits="2" value="${h}" type="number"/>
|
|
|
- <option value="${hour}">${hour} 시</option>
|
|
|
- </c:forEach>
|
|
|
- </select>
|
|
|
- </label>
|
|
|
- <label class="minitues">
|
|
|
- <select>
|
|
|
- <c:forEach var="m" begin="0" end="59" step="1">
|
|
|
- <fmt:formatNumber var="min" minIntegerDigits="2" value="${m}" type="number"/>
|
|
|
- <option value="${min}">${min} 분</option>
|
|
|
- </c:forEach>
|
|
|
- </select>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="btn">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <a href="javascript:;" class="cancle" data-popup-close="popup-time">취소</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascript:;" class="confirm">확인</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="part">
|
|
|
- <div class="title">날짜</div>
|
|
|
- <div class="input day">
|
|
|
-<!-- <a href="javascript:;" data-popup-open="popup-calendar">d</a> -->
|
|
|
- <input type="text" class="datePicker form-control" name="" value="" placeholder="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="part">
|
|
|
- <div class="title">측정시간</div>
|
|
|
- <div class="input time">
|
|
|
-<!-- <a href="javascript:;" data-popup-open="popup-time">d</a> -->
|
|
|
- <input type="text" class="timePicker" name="" placeholder="오전 09:09">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="data unlink">
|
|
|
- <div class="point"><input type="text" name="" placeholder="00.00"> ℃</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn_group">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <a href="javascript:;" class="confirm"><span class="check">기록하기</span></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</body>
|
|
|
-</html>
|