2013-10-13 39 views
2

问题很简单。我已经正确包含了所有内容,但日期选择器不会显示。我在我的HTML头标记加入脚本:JQuery UI - 无法让datepicker工作

<script type="text/javascript" src="<?php echo site_url('js/jquery-1.10.2.min.js'); ?>"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="<?php echo site_url('css/jquery.ui.core.css'); ?>"> 
<link rel="stylesheet" href="<?php echo site_url('css/jquery.ui.datepicker.css'); ?>"> 

于日期选择器代码...

<input type="text" name="date" id="date"> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#date").datepicker({ dateFormat: "yy-m-d" }); 
    }); 
</script> 

就是这样。没有日期选择器或该文本输入上的任何内容。也没有错误... :(

+0

你有没有加载的jQuery UI的CSS文件 – undefined

+0

没有...这是必须的吗? – user568021

+0

它用于UI库创建的样式元素,没有它,你应该自己设计元素的样式,疯狂。 – undefined

回答

4

包括jQuery的jQuery UI的前

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

工作代码

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script> 
$(function() { 
    $("#date").datepicker(); 
}); 
</script> 

日期:?

+0

这很合乎逻辑。我编辑了我的问题,这样会更清楚。 – user568021

+0

你的代码片段保存了我的屁股。但我不知道什么是错的。 – user568021

+0

即时通讯很高兴。它帮助:) –