Datepicker에 시간 추가

datepiker 

timepicker.js

0.10MB

timepicker.css

0.00MB

CSS 적용

<link rel="stylesheet" href="/resources/css/timepicker.css" />

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />

JS 적용

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<script src="/resources/js/timepicker.js"></script>

<script>

    $("#id").datetimepicker({

        dateFormat:'yy-mm-dd',

        monthNamesShort:[ '1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월' ],

        dayNamesMin:[ '일', '월', '화', '수', '목', '금', '토' ],

        changeMonth:true,

        changeYear:true,

        showMonthAfterYear:true,

 

        // timepicker 설정

        timeFormat:'HH:mm:ss',

        controlType:'select',

        oneLine:true,

    });

</script>

출처: https://vip00112.tistory.com/34 [GT's Funny Coding]