Jquery DateTimePicker不显示CSS

我正在使用这里找到的DateTimePicker： http ： //trentrichardson.com/examples/timepicker/ （请注意，如果我在Jquery中使用默认的DatePicker，我会遇到下面描述的相同问题）。

我已经检查过我有适当的CSS，图像，jquery版本安装/重新安装了很多次，我似乎无法找到导致我的DateTimePicker看起来像这样的东西：

如果我删除所有CSS（包括我的网站的默认MVC CSS），我将失去蓝色背景到星期几（这些不应该被Jquery UI主题着色？）。

我需要在哪里解决我的问题？

编辑以显示我的代码：

这是我在页面中呈现的PartialView：

       
 
the string is @ViewBag.selectedString
 @using (Html.BeginForm("ApplyToTeach", "Course", FormMethod.Post)) { @Html.ValidationSummary(true) 
 
 @Html.LabelFor(model => model.StartDate) 
 
 @Html.EditorFor(model => model.StartDate) @Html.ValidationMessageFor(model => model.StartDate) 
 
  
  

和Jquery：

 $("#StartDate").datetimepicker({ ampm: true }); 

生成的HTML（截断一点以防止大量代码墙）：

            
 
 
 
St. Paul School of Catechesis
 
 
 [ Log On ] 
 
 
 
Home
 
Students
 
Courses
 
Instructors
 
 
 
 
  
        
 
the string is 
 
 
 
CourseTemplates
 
 StartDate 
 
   
 
  
 
 
 
 
 
 
 
 
 
   

Answer 1

我这是第二个答案，因为我的第一个答案是你的代码。

如果您在PartialView中注意到，则为脚本和css使用Url.Content路径。 但是，您没有像使用脚本那样使用jquery-ui.custom.css路径的根路径。 注意…

我相信它应该是……（用适当的CSS路径替换 – 我总是把我的CSS放在我项目的/ Content文件夹中）。

Answer 2

确保下载日期选择器所需的文件并将其包含在您的页面中。

http://jqueryui.com/download

ui core和datepicker小部件

Answer 3

这可能会也可能不会回答您的问题，但是，在查看您的代码之后，您的HTML在您的HTML正文中包含JavaScript和CSS的意义上相当混乱。 这并不能保证浏览器能够正确执行它。

相反，我建议在标题中的_Layout页面中包含JavaScript和CSS，或者至少在标题中创建一个部分，以便在部分视图中引用它时可以确保正确放置。 这是一个例子……

在你的_Layout中：

然后，在局部视图中，您可以执行以下操作：

 @* At the top of your partial view *@ @section Header {        } 

当HTML呈现时，您会发现这些脚本和链接标记现在已放置在适当的HTML标题部分中。