jquery Datepicker不工作
问题描述:
jquery Datepicker不能在我的代码中工作。jquery Datepicker不工作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="static/css/start/jquery-ui-1.8.16.custom.css"/>
<script type="text/javascript" src="static/js/jquery-1.6.2.min.js"></script>
<!-- here are others script i use -->
<script type="text/javascript" src="static/js/date.js"></script>
<script type="text/javascript" src="static/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script>
</head>
<body>
<div id="mainHome" >
<!-- bla bla more code... -->
<div id="content">
<h1>Add new project</h1>
<form action="" id="form2">
<table>
<tr>
<td class="right">Project Title</td>
<td><input type="text" class="textproject" name="projecttitle"/></td>
</tr>
<tr>
<td class="right">Acronym</td>
<td><input type="text" class="textproject" name="acronym"/></td>
</tr>
<tr>
<td class="right">Start date</td>
<td><input id="datepicker" type="text" class="textdate" name="startdate" /></td>
</tr>
<tr>
<td class="right">End date</td>
<td><input type="text" class="textdate" name="enddate" /></td>
</tr>
<tr>
<!-- other html code -->
</table>
</form>
</div>
<--! other html code -->
</body>
</html>
我没有把所有的代码。 在文件的.js称为date.js我有:
$(document).ready(function() {
$("#datepicker").datepicker();
});
我什么都试过,但我仍然无法正常工作!
编辑: 我明白是什么问题。除了使用日历库以外,我还使用库来实现叠加效果。取决于我如何包含这些文件的顺序,或者一个或另一个但不能一起工作。这是代码:
<script type="text/javascript" src="static/js/jquery-1.6.2.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js">/script>
<script type="text/javascript" src="static/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="static/js/date.js"></script>
答
您的脚本命令包括是错误的。
先放jQuery,然后放jQuery UI Custom,然后放上UI core,然后放上datepicker,然后把你的JS文件包含所有需要的逻辑。
然后它应该工作。
没有冒犯,但是不是使用了一点过时的jQuery版本吗?截至目前,jQuery datepicker是一个与UI捆绑在一起的jQuery UI组件。如果你用日期选择器嵌入下载了最新的jQuery UI库,并且你仍然在尝试使用其他一些日期选择器脚本,那么你也可以在函数名称(datepicker)上产生冲突。
答
您需要重新排列脚本标记。从这个修改脚本标记的顺序:
<script type="text/javascript" src="static/js/date.js"></script>
<script type="text/javascript" src="static/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script>
这个
<script type="text/javascript" src="static/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="static/js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="static/js/date.js"></script>
在任何浏览器中打开了开发工具/萤火您正在使用,并检查错误控制台。我还注意到名称和ID在输入字段上不匹配。 – dave
浏览器是否报告可疑错误?你有一个我们可以查看的实时网址吗? – jribeiro
姓名和身份证不必匹配... – jribeiro