MVC 2;使用日期选择器在网格中输入日期

Question

是否有人成功将日期选择器指定给在网格中重复的日期字段？ 以前肯定有人做过？ 我发现这样做的问题是，一行中每个字段的ID在下一行中重复。因此，当我在第4行上分配日期时，我更新了第一行中的相同字段，因为它们的ID是相同的。

Answer 1

你可以做这样的...我只是把这个在我编辑观点：

<%: Html.TextBox("", String.Format("{0:dd. MMMM yyyy}", Model), new { @id = "datePicker" })%> 

通过new { @id = "something" }你可以控制的辅助方法生成的HTML。这一次，我希望ID为datePicker，以便相应地触发jQuery。

---

这是jQuery的魔术：

<link type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery.ui.all.css" 
rel="stylesheet" /> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/jquery-1.4.2.js"></script> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.ui.core.js"></script> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.ui.widget.js"></script> 
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.ui.datepicker.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#datePicker').datepicker({ 
      altField: '#datePicker', 
      changeYear: true, 
      changeMonth: true, 
      altFormat: 'dd. MM yy', 
      yearRange: '1900:2010' 
     }); 
    }); 

检查this出更多的jQuery的日期选择器的配置设置。