如何实现和使用 eyecon 的 bootstrap-datepicker？

Posted 2023-05-07

技术标签:

【中文标题】如何实现和使用 eyecon 的 bootstrap-datepicker？【英文标题】：How do I implement and use eyecon's bootstrap-datepicker? 【发布时间】：2013-04-02 21:02:50 【问题描述】：

我访问了Eyecon 并下载了日期选择器。我有三个文件夹。 “css”、“js”和“less”。我已经包含了 bootstrap-datepicker.js 和最新的 jquery.js 并在头部链接了 .css：

<!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>

正如大家所见，我已经在使用引导库，因此也包含了它。

我现在的问题是：如何实现和调用日期选择器函数？

【问题讨论】：

“less”文件夹中的 .less 到底是什么？ :) LESS is magic ;) 啊哈，看起来棒极了 :) 是的。你也可以看看SASS 【参考方案1】：

$('element').datepicker(); 其中element 是某个类、id 等。

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

HTML