日历未显示

我正在尝试使用DatePicker()在我的HTML页面中显示日历。我已经包含了适当的UI js文件，但它仍然没有向用户界面显示日历。请帮忙。我无法弄清楚我究竟犯了什么错误。日历未显示

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Project Information</title> 
<script src="../jquery-1.11.0.js"></script> 
<script src="../jquery-ui.js"></script> 
<script src="../jquery-ui.min.js"></script> 
<script src="../jquery.ui.datepicker.js"></script> 
<link rel="stylesheet" type="text/css" href="style.css"> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#datePicker").datepicker(); 

});  

</script> 


</head> 
<body> 

    <form action="/projects/1" method="post"> 
     <fieldset id="project_information"> 
      <legend>Project Infomation</legend> 
      <ol> 
       <li><label for="priority">Project Name</label> <input 
        type="text" id="projectName" autofocus="autofocus"></li> 
       <li><label for="priority">Priority</label> <input type="range" 
        min="0" max="10" name="priority" value="0" id="priority"></li> 
       <li><label for="start_date">Start date</label> <input 
        type="text" name="start_date" id="start_date" 
        placeholder="YYYY-DD-MM" id="datePicker"> 
       </li> 

       <li><input type="button" id="submit" value="clickMe"></li> 
      </ol> 

     </fieldset> 
    </form> 

</body> 
</html>

来源

2014-02-06 TKS

第一 dont add th他们俩。任何人。 –

控制台中的任何错误？此外，将脚本引用和内联脚本包含在文档末尾而不是头部已成为标准做法。 – Yuck

你忘了包含jQueryUI的样式表？ – putvande

你的ID 2卸下1，将工作

<input type="text" name="start_date" placeholder="YYYY-DD-MM" id="datePicker"/>

删除id="start_date".

这里是小提琴 http://jsfiddle.net/nUvwf/1/

来源

2014-02-06 12:43:56

谢谢保罗，我想知道你是如何将库添加到小提琴中的脚本。任何步骤？ – TKS

你的意思是jquery库对不对？在小提琴的左侧选择它，你必须选择jquery 1.8，然后检查jquery.ui。 Jquery UI有他们。如果这个答案是正确的，不要忘记标记为正确:) –

让我这样说吧。如果我想添加jquery，我应该去选择jquery，它会给我选项来检查我需要的任何东西。那么如果我也想使用knockout或angular或别的东西，如果我选择那个，那么已经选择的jquery选项不会被检查。那么我怎样才能选择多个库？ – TKS

回答

相关问题