JQuery的DatePicker的渲染丑陋

我试图实现使用JQuery一个datepicker，这是我的代码：JQuery的DatePicker的渲染丑陋

<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"> </script> 
<script src="@Url.Content("~/scripts/jquery-ui-1.8.20.js")" type="text/javascript"></script> 
@Html.TextBox("a",Model.ContractStart, new { @class = "datepicker" }) 

<script> 

$('.datepicker').datepicker({ 

    dateFormat: "dd/mm/yy" 
}); 
</script>

问题是，它的渲染十分可怕的，而不是像他们表现出对本教程的一个...

这里的结果我得到：

enter image description here

而且继承人的一个从教程：

http://blogs.msdn.com/cfs-file.ashx/__key/CommunityServer-Blogs-Components-WeblogFiles/00-00-01-03-74-metablogapi/7737.image_5F00_477473C0.png

我真的很新的jQuery的......我已经检查了JQuery的页面，这个日期选择器，但其相同的代码，仍然它看起来并不像我这样的，我在做什么错？

在此先感谢！

来源

2013-04-09 oskar132

您需要在页面的标题中包含CSS和图像，否则它无法设置日历的样式。 – krillgar 2013-04-09 19:00:56

你有HTML中的JQuery UI CSS作为链接标记吗？ http://www.htmlhelp.com/reference/css/style-html.html – PaulProgrammer 2013-04-09 19:01:41

不，我没有，非常感谢你，现在看起来很棒！ :) – oskar132 2013-04-09 19:04:15

您忘了将CSS包含在您的标题中。没有它们就无法对其进行设计。

<head> 
    <link href="@Url.Content("~/Contect/jquery-ui-1.8.20.custom.css")" rel="styleshee" type="text/css" /> 
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript">   </script> 
    <script src="@Url.Content("~/scripts/jquery-ui-1.8.20.js")" type="text/javascript"></script> 
</head>

来源

2013-04-09 19:03:21 krillgar

谢谢，现在看起来不错！将它标记为答案 – oskar132 2013-04-09 19:04:53

JQuery的DatePicker的渲染丑陋

回答

相关问题