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

时间:2010-10-26 13:09:31

标签: jquery asp.net-mvc

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

1 个答案:

答案 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配置设置。