在asp.net MVC3中为多个文本框添加jQuery日期选择器
在asp.net MVC3中为多个文本框添加jQuery日期选择器
提问于 2013-05-14 10:18:50
我正在开发一个asp.net MVC3应用程序。在我的一个局部视图中，我呈现了应该提供选择日期选项的所有字段。我使用jQuery datepicker插件和我在网上找到的一些示例代码：
if (field[i].MCS_Fields.FieldTypeId == 2)
{
<script type="text/javascript">
$(function () {
$(".datepicker").datepicker();
});
</script>
@field[i].QuestionText;
@Html.TextBox("datepicker", "", new { @class = "datepicker" })
}问题是，如果我对多个文本框执行此操作，则无论我在何处选择日期，都只会使用class="datepicker"在第一个@Html.TextBox框中进行更改。我几乎没有使用JS，jQuery等的经验，所以你能推荐一种方法，让我添加@Html.TextBox的N编号，并能够为每个@Html.TextBox分别选择一个日期吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-05-14 10:29:08
将此代码放在页面底部，它将呈现所有日期选择器：
$(".datepicker").each(function() {
$(this).datepicker();
});编辑：如果它不能工作，我猜可能是你把它放在错误的位置，所以代码在html呈现之前运行，试试这个
$(document).ready(function(){
$(".datepicker").each(function() {
$(this).datepicker();
});
});请参阅jsfiddle
Stack Overflow用户
发布于 2013-05-14 10:44:50
您可以使用:使用每个函数：
$(".datepicker").each(function() {
$(this).click(function() {
$(this).datepicker();
});
});如果这不起作用，那么您还可以使用以下命令：
<script type="text/jscript">
$(function () {
$("#StartDate").datepicker();
});
</script>这里的StartDate将是你的datepicker的id。你可以在你的视图中写下这个
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16540605
复制相关文章
![[翻译]Windows Phone 7 Application Controls](https://ask.qcloudimg.com/http-save/yehe-1139256/nrap4cz4wj.png)
点击加载更多
相似问题
如何覆盖windows phone 8中的windows back按钮？
Windows Phone back按钮未被处理
windows phone上的Interupt back按钮
Windows Phone 7和Back按钮指南
Cordova Android Back按钮事件不触发
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
