8

好的，所以我是 ASP.NET MVC 和 JQuery 的新手。

我已按照以下示例进行操作，但无法使日期选择器正常工作：

http://codesprouts.com/post/Creating-A-DatePicker-Extension-In-ASPNet-MVC.aspx

谁能告诉我这是否有任何问题或陷阱？

伯纳德。

4

7 回答 7

11

使用 google 托管的 jquery。

<script type="文本/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</脚本>
<script type="文本/javascript"
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js">
</脚本>

您还需要链接到所需的 CSS。

$().ready(函数()
{
    $('#from').datepicker({ dateFormat:'yy-mm-dd' });
});

<html>
...
<input id="from" class="date-field" name="from" type="text" >
于 2009-05-23T13:27:26.800 回答
3

这篇博文提供了将 jQuery datepicker 集成到 MVC 3 站点的出色概述。

我能找到的其他一些示例集中在 MVC1 和 2 上。

于 2011-02-10T19:35:55.923 回答
1

如果没有更具体的信息，很难判断出了什么问题。

让您开始的一件显而易见的事情是，确保您的脚本文件的 src 标记是正确的。如果您下载标准或自定义版本，jquery-ui .js 文件的文件名会发生变化，因此值得仔细检查代码中的脚本标记是否与文件名匹配。Firefox 的 firebug 插件的“网络”选项卡真正有助于快速发现您的页面找不到的文件 - 它以红色突出显示任何未找到的文件 - 通常可以节省大量时间。

于 2009-05-23T08:39:06.197 回答
0

看看你是否可以让日期选择器首先在 HTML 中工作。这样您就可以消除由 src 标记中不正确的文件名等引入的错误。一旦您完成了该工作，您应该能够将其添加到本文描述的 MVC 解决方案中。

于 2009-05-23T09:53:21.863 回答
0

过去，当我在一个文件中使用整个 jquery UI css 时，我在使用 jQuery datepicker 时遇到了困难。我最终做了什么，并且似乎对我有用，是根据需要在我的页面或母版页中分别包含不同的 jQuery UI CSS 文件。当我将 datepicker 包含在一个单独的 CSS 文件中时，它起作用了。

YMMV

于 2009-05-24T05:12:09.937 回答
0

我发现的一件事是，如果您的 id 有方括号或点，那么 datepicker 将无法工作。尝试用 under score 或其他东西替换它们。

于 2009-05-26T21:12:01.217 回答
0

标签 

            UL.tabNavigation {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            UL.tabNavigation LI {
                display: inline;
            }

            UL.tabNavigation LI A {
                padding: 3px 5px;
                background-color: #ccc;
                color: #000;
                text-decoration: none;
            }

            UL.tabNavigation LI A.selected,
            UL.tabNavigation LI A:hover {
                background-color: #333;
                color: #fff;
                padding-top: 7px;
            }

            UL.tabNavigation LI A:focus {
                    outline: 0;
            }

            div.tabs > div {
                    padding: 5px;
                    margin-top: 3px;
                    border: 5px solid #333;
            }

            div.tabs > div h2 {
                    margin-top: 0;
            }

            #first {
                background-color: #f00;
            }

            #second {
                background-color: #0f0;
            }

            #third {
                background-color: #00f;
            }

            .waste {
                    min-height: 1000px;
            }
-->
</style>

<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
<link href="CSS/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

   <script  type="text/javascript">
       $(function() {
           $("#datepicker").datepicker();
       });

日期：

从 JQUERY 下载 js 文件并将它们放在您机器上的本地文件夹中，如果您使用 Visual Studio，只需将文件拖到您的设计器表面。不要忘记链接 CSS 文件。我为每个项目所做的是从我的下载位置将 js 文件添加到项目中名为 Scripts 的文件夹中，并将 css 文件添加到名为 CSS 的文件夹中。

于 2009-09-01T18:58:52.737 回答