2016년 4월 4일 월요일

bootstrap datepicker 사용법

1.Import

<link rel="stylesheet" type="text/css" href="${contextPath}/resources/bootstrap/css/datepicker3.css" />
<script type="text/javascript" src="${contextPath}/resources/bootstrap/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="${contextPath}/resources/bootstrap/js/bootstrap-datepicker.kr.js"></script>

2. js

$('#dateRangePicker').datepicker({
format: "yyyy-mm-dd",
language: "kr"
 });

3. html

<div class="input-group input-append date" id="dateRangePicker"> </div>

4. 파일
bootstrap-datepicker.js
bootstrap-datepicker.kr.js
datepicker3.css

댓글 4개: