웹상에서 간단히 날짜 선택창을 만들고 싶다면
jQuery의 DatePicker모듈을 이용하는 것이 좋아 보인다.
REF (우측 상단에 예제 있음)
TimePicker도 시간입력용으로 좋은데,
시간을 step단위로 지정이 가능하다. REF
var timeFix;
function timeFixClick(minutes) {
timeFix.val(minutes);
$('#timeModal').modal('show');
}
$(document).ready(function () {
timeFix = $('#timeFix');
datePicker.datepicker({
format: "yyyy-mm-dd",
viewMode: "days",
minViewMode: "days",
});
timePicker.timepicker();
timePicker.timepicker('option', 'step', '30'); //30분 단위로 시간 선택가능.
<html>
<input name="expireTime" class="form-control" data-time-format="H:i:s" id="timePicker" type="text" size="8" />
<a th:onclick="'javascript:timeFixClick(\'' + ${ticket.minutes} + '\');'" th:text="修正" />
<js 시간 Library> - REF: https://momentjs.com/
<script type="text/javascript" th:src="@{js/moment.min.js}"></script> 한 후에..
(사용 예)
var date = moment(dateData).format('YYYY-MM-DD');
var time = moment(dateDate).format('HH:mm:ss');
