0

Twitterブートストラップを使用していますが、フォーム内のラベルの1つに入力を日時として設定する必要がありますが、その方法がわかりません。

私はこれをフォローしています:

https://github.com/eternicode/bootstrap-datepickerそして私はオプションで1つをやろうとしています

私はこれを試しました:

 <link rel="stylesheet" type="text/css" href=""{{ STATIC_URL }}/css/datepicker.css">
 <script src = "{{STATIC_URL}}js/Datepicker.js></script>
 <script>
  $('#datepicker').datepicker({
    format: 'mm-dd-yyyy'
  });
 </script>
 <label>Created:</label>
 <input type="text" value="02-16-2012" id="datepicker" rel="datapicker" />
 <br/><br/>

その上、私は最初に私がタイプした値の代わりに現在の日付を示すためにラベルを取ります。

助けが必要です。本当に助けていただければ幸いです。

しかし、それは機能していません...エラーが何であったかわかりません...

編集されたバージョン:

 <link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}/css/bootstrap.css">
 <link rel="stylesheet" type="text/css" href=""{{ STATIC_URL }}/css/datepicker.css">
  <script>
   $('#datepicker').datepicker({
      format: 'mm-dd-yyyy'
    });
  </script>
  <script src = "{{STATIC_URL}}js/Datepicker.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>


    <label>Created:</label>
    <input type="text" value ="06/11/2012"id="datepicker"/>
    <br/><br/>
4

1 に答える 1

1
$('#datepicker').datepicker({
format: 'mm-dd-yyyy'
});

jqueryなので、追加します

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

あなたのコードに。

それは私のために働きますhttp://jsfiddle.net/baptme/9r2E4/

交換

<input type="text" value ="06/11/2012"id="datepicker"/>

<input type="text" value="06-11-2012" id="datepicker"/>
于 2012-06-11T08:55:33.200 に答える