1

我正在尝试使用 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>

问题是它的渲染真的很丑,不像他们在教程中展示的那样......

这是我得到的结果:

在此处输入图像描述

这是教程中的一个:

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

我真的是 JQuery 的新手......我已经检查了这个 datepicker 的 JQuery 页面,但它的代码相同,但它看起来仍然不像我的,我做错了什么?

提前致谢!

4

1 回答 1

4

您忘记在标题中包含 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-09T19:03:21.957 回答