ASP.NET MVC-jquery日期选择器_Asp.net_Jquery_Asp.net Mvc_Datepicker

ASP.NET MVC-jquery日期选择器

asp.net jquery asp.net-mvc

ASP.NET MVC-jquery日期选择器,asp.net,jquery,asp.net-mvc,datepicker,Asp.net,Jquery,Asp.net Mvc,Datepicker,好的，我不熟悉ASP.NETMVC和JQuery 我严格遵循了以下示例，但无法使日期选择器正常工作：有人能告诉我这有没有滴答声或陷阱吗伯纳德。没有更具体的信息，很难判断出哪里出了问题一件显而易见的事情是，确保脚本文件的src标记是正确的。如果下载标准或自定义版本，jQueryUI.js文件的文件名会发生更改，因此值得仔细检查代码中的脚本标记是否与文件名匹配。Firefox firebug插件的“Net”选项卡对于快速查找页面找不到的文件非常有帮助——它以红色突出显示任何未找到的文件——通

好的，我不熟悉ASP.NETMVC和JQuery

我严格遵循了以下示例，但无法使日期选择器正常工作：

有人能告诉我这有没有滴答声或陷阱吗

伯纳德。

没有更具体的信息，很难判断出哪里出了问题

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

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

使用google托管的jquery

$().ready(function() { $('#from').datepicker({ dateFormat:'yy-mm-dd' }); }); <html> ... <input id="from" class="date-field" name="from" type="text" > $（）.ready（函数（）） { $（'#from'）.datepicker（{dateFormat:'yy-mm-dd'}）； }); ...

过去，当我在一个文件中使用整个jQueryUICSS时，使用jQueryDatePicker有困难。最后，我做了一件似乎对我有用的事情，就是根据需要在我的页面或母版页中分别包含不同的jQueryUICSS文件。当我在一个单独的CSS文件中包含datepicker时，它起了作用

YMMV

我发现的一件事是，如果你的id有方括号或圆点，那么日期选择器就不起作用了。试着用分数不足或其他东西来代替它们。

标签

            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();
       });

UL.tabNavigation{
列表样式：无；
保证金：0；
填充：0；
}
塔布利{
显示：内联；
}
UL.tablia{
填充物：3px 5px；
背景色：#ccc；
颜色：#000；
文字装饰：无；
}
UL.tabli A.已选定，
答：悬停{
背景色：#333；
颜色：#fff；
填充顶部：7px；
}
UL.A：聚焦{
大纲：0；
}
div.tabs>div{
填充物：5px；
利润上限：3倍；
边框：5px实心#333；
}
分区选项卡>分区h2{
边际上限：0；
}
#首先{
背景色：#f00；
}
#第二{
背景色：#0f0；
}
#第三{
背景色：#00f；
}
.废物{
最小高度：1000px；
}
-->
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});

日期：

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

这提供了将jQuery datepicker集成到MVC 3站点的极好概述

我能找到的其他一些样本集中在MVC1和MV2上。

好建议。如果你使用IE，微软的Fiddler-在显示脚本文件是404'ing时也很有用。试过这个，效果很好，但我不太喜欢在谷歌托管数据选择器。非理性的恐惧真的很严重，我想如果谷歌我们很快就要下线的话，这将是一个更严重的问题，比如小行星斯蒂克之类的问题。不管怎么说，这让我很沮丧，因为我不能在本地运行，我不想给我们，所以我没有使用这个解决方案，即使它有效。我给你打勾，因为你的解决方案有效-可惜我今天打字太蹩脚了…我试着将这些jQuery脚本包含到我的site.master中，但现在我得到了一个蓝屏。如果我查看源代码，html就在那里，但是这种情况在没有调用任何javascript的情况下发生。去掉对jquery-1.3.2.min.js的引用会再次显示页面内容。