14

我访问了Eyecon并下载了日期选择器。我有三个文件夹。 '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> 

正如人们所看到的,我已经和引导库工作,因此也包括那。

我现在的问题是:如何实现并调用日期选择器函数?

+0

在'少'文件夹中,那是什么感觉? :) – 2013-04-10 20:30:00

+5

[LESS是魔法;]](http://lesscss.org/) – 2013-04-10 20:35:15

+0

啊哈,看起来真棒:) – 2013-04-10 22:00:03

回答

17

$('element').datepicker();其中element是一些类,ID等

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

HTML

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

的jQuery

$('.datepicker').datepicker(); 
相关问题