根据文档,JQuery插件datepicker无法正常工作

时间:2014-02-21 20:16:15

标签: javascript jquery html datepicker

这是我的主要html页面,名为index.html。我一直在使用名为datepicker的jquery插件。我到处检查了它的文档,我应用了网络给我的所有内容,但它仍无法正常工作。

这些是文件夹

中的css页面
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.4.custom.css"/>
    <body>
        <input type="text" size="8" id="date"/>

//main jquery library

        <script type="text/javascript" src="js/jquery.js"/>

//jquery ui library

        <script type="text/javascript" src="js/jquery-ui.js"/>

// my .js file for running datepicker

        <script type="text/javascript" src="js/ui.js"/> 
    </body>

// my ui.js for using the datepicker function


$('#date').datepicker();

2 个答案:

答案 0 :(得分:2)

脚本标记不是自动关闭的 - 您必须使用结束标记关闭它们

更改脚本标签,如下所示

<script type="text/javascript" src="js/ui.js"/> 

<script type="text/javascript" src="js/ui.js"></script> 

来自mdn documentation

  
    

标记省略 - 无,开始和结束标记都是必需的。

  

答案 1 :(得分:0)

使用F12打开一个开发控制台,查看是否所有资产都在加载,确认您必须更正路径