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...」)
 
 
(同じ利用者による、間の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>
<div class="form-group">
 
    <input type="text" class="form-control datepicker" />
 
</div>
 
 
  <script type="text/javascript">
 
  <script type="text/javascript">
 
  $('.datepicker').datepicker({
 
  $('.datepicker').datepicker({
  format: "yyyy/mm/dd",
+
  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>