jQuery-UI datepicker仅显示文本

时间:2012-02-07 20:44:19

标签: jquery css jquery-ui jquery-ui-datepicker

我创建了一个新的ASP.net MVC Web应用程序项目。在我的应用程序中,我创建了一个名为Scheduler的控制器,其视图名为ApptsByDate

在视图中,有一个文本框,我希望用户输入日期。我尝试使用jQuery-UI datepicker,它功能正常,但是datepicker只显示纯文本。我没有看到用户应该能够点击的任何箭头或其他图标。

ASP.net MVC 3项目预先填充了以下文件:

/content/themes/base/jquery.ui.datepicker.css
/content/themes/base/images/ui-bg_*
/content/themes/base/images/ui-icons_*

我可以浏览Visual Studio中的图标,但它们永远不会显示在我的页面中。当页面在浏览器中呈现时,我可以从页面的<head>标记中读取以下内容:

<script src='/Scripts/jquery-1.5.1.min.js' type="text/javascript"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.11.min.js"></script>

<link rel='stylesheet' type='text/css' href='/content/site.css' />
<link type="text/css" href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" />     <!-- needed for jQuery-UI datepicker -->

为什么我的日期选择器上没有任何装饰?

2 个答案:

答案 0 :(得分:1)

看来你错过了jquery ui css文件。通常它带有jquery js文件。

答案 1 :(得分:0)

/ Content /或/ content /中的css文件? ...尝试将最后一行更改为此<link type="text/css" href="/content/themes/base/jquery.ui.datepicker.css" rel="stylesheet" />