facebook twitter hatena line email

「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...」)
 
行7: 行7:
 
  <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>
  <div class="form-group">
+
  <nowiki><</nokiwi>div class="form-group">
 
     <input type="text" class="form-control datepicker" />
 
     <input type="text" class="form-control datepicker" />
 
  </div>
 
  </div>

2016年8月11日 (木) 07:17時点における版

公式

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

使い方

<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>
<</nokiwi>div class="form-group">
     <input type="text" class="form-control datepicker" />
 </div>
 <script type="text/javascript">
 $('.datepicker').datepicker({
 format: "yyyy/mm/dd",
 language: "ja",
 autoclose: true,
 orientation: "top auto"
 });
 </script>