「Html/bootstrap/日付ライブラリ」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==公式== http://eternicode.github.io/bootstrap-datepicker/ ==使い方== <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <l...」) |
|||
(同じ利用者による、間の4版が非表示) | |||
行2: | 行2: | ||
http://eternicode.github.io/bootstrap-datepicker/ | http://eternicode.github.io/bootstrap-datepicker/ | ||
− | ==使い方== | + | ==使い方== |
+ | <nowiki><</nowiki>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> | <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"> | <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/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" src="/assets/bootstrap-datepicker-1.6.1-dist/locales/bootstrap-datepicker.ja.min.js"></script> | ||
− | |||
− | |||
− | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$('.datepicker').datepicker({ | $('.datepicker').datepicker({ | ||
− | format: "yyyy | + | format: "yyyy-mm-dd", |
language: "ja", | language: "ja", | ||
autoclose: true, | autoclose: true, |
2016年8月11日 (木) 14:33時点における最新版
公式
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>