개발이야기/jQuery

[jQuery] datetimepicker 사용방법 (날짜/시간선택)

후린개발자 2022. 9. 6.
반응형

datepicker은 날짜 지정만 가능하다. 시간까지 지정하고 싶을때는 datetimepicker 으로 사용하면 편리하다.
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>

<script type="text/javascript">
$(function() {
	$(".datetimepicker").datetimepicker({ 
		format: "Y-m-d H:i",
	});
});
</script>

<h1>datetimepicker</h1>
시작일시 : <input type='text' class='datetimepicker' name='start_dt'  style='width:140px;'>, 
종료일시 : <input type='text' class='datetimepicker' name='end_dt'   style='width:140px; padding-left:10px;'>

 

반응형

댓글

💲 추천 글