是否有人成功将日期选择器分配给在网格中重复的日期字段? 肯定有人以前做过吗? 我发现这样做的一个问题是,行中每个字段的ID在下一行中重复。因此,当我在第4行分配日期时,我会更新第一行中的相同字段,因为它们的ID相同。
答案 0 :(得分:1)
你可以这样做......我只是把它放在我的编辑视图上:
<%: Html.TextBox("", String.Format("{0:dd. MMMM yyyy}", Model), new { @id = "datePicker" })%>
通过new { @id = "something" }
,您可以控制辅助方法生成的HTML。这次我希望ID为datePicker
,以便可以相应地触发jQuery。
这是 jQuery Magic :
<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 Datepicker配置设置。