facebook twitter hatena line email

Html/bootstrap/日付ライブラリ

提供: 初心者エンジニアの簡易メモ
移動: 案内検索

公式

http://eternicode.github.io/bootstrap-datepicker/

使い方

<div class="form-group">
    <input type="text" class="form-control datepicker" />
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/bootstrap-datepicker-1.6.1-dist/css/bootstrap-datepicker.min.css">
<script type="text/javascript" src="/assets/bootstrap-datepicker-1.6.1-dist/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="/assets/bootstrap-datepicker-1.6.1-dist/locales/bootstrap-datepicker.ja.min.js"></script>
<script type="text/javascript">
$('.datepicker').datepicker({
format: "yyyy-mm-dd",
language: "ja",
autoclose: true,
orientation: "top auto"
});
</script>