「Html/bootstrap/日付ライブラリ」の版間の差分
提供: 初心者エンジニアの簡易メモ
| (同じ利用者による、間の3版が非表示) | |||
| 行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>
