14

私はEyeconを訪問し、datepickerをダウンロードしました。私は3つのフォルダを持っています。 'css'、 'js'、 'less'です。私は、ブートストラップ・datepicker.jsと最新jquery.jsを含まれており、頭の中での.cssをリンクしていますeyeconのbootstrap-datepickerを実装して使用するにはどうすればよいですか?

<!DOCTYPE> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <title>Test</title> 
     <link rel="stylesheet" type="text/css" href="../css/datepicker.css"> 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"> 
     <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css"> 


    </head> 

    <body> 
     <div class="well"> 
      <!--What should I enter here and where/how do I call the function?--> 
     </div> 

     <script type="text/javascript" src="../js/jquery.js"></script> 
     <script type="text/javascript" src="../js/bootstrap-datepicker.js"></script> 
     <script type="text/javascript" src="../js/bootstrap.js"></script> 
    </body> 
</html> 

1が見ることができるように、私はすでにブートストラップライブラリで働いているので、も含まれていますそれ。

私の質問は次のとおりです。日付ピッカー機能を実装して呼び出すにはどうすればいいですか?

+0

そして、それは一体どのくらいのことですか?lessフォルダにありますか? :) –

+5

[LESSは魔法です;]](http://lesscss.org/) –

+0

ああ、それは素晴らしいよ:) –

答えて

17
element

は、いくつかのクラスであり、ID等$('element').datepicker();

http://jsfiddle.net/6kk3k/1/

HTML

<input type="text" class="datepicker"> 

jQueryの

$('.datepicker').datepicker();