Question

我的MVC项目中的视图模型中有一个表，其中包含多个数据类型的条目。我希望能够一次编辑所有这些项目。

其中一个字段是日期/时间类型，我想为字段实现日期/时间选择器，但由于循环约束，这将涉及我的表标签内的javascript。有没有办法克服这个问题？

这是我的观点模型：

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.EditorFor(modelItem => item.A_Date, new { htmlAttributes = new { @Value = item.A_Date, @class = "form-control" } })
            </td>
        </tr>
    }

</table>

    <script type="text/javascript">
        $(function () {
            $('#A_Date').datetimepicker({
                calendarWeeks: true,
                //dateFormat: 'YYYY MM dd',
                //defaultDate: '',
                format: 'YYYY-MM-DD',
                showClose: true,
                showClear: true,
                toolbarPlacement: 'top',
            });

            $('#A_Date').datetimepicker({
                //defaultDate: '',
                format: 'LT',
                showClose: true,
                showClear: true,
                toolbarPlacement: 'top',
                stepping: 15,
            });
        });
    </script>

请指教。谢谢！

Answer 1

我已经使用了一个名为.datepicker的css类来处理我想要使用jquery datepicker的任何东西。然后我调用这样的javascript函数，它适用于表格和网格视图。

<script>
    function calendarPicker() {
        $(".datepicker").datepicker({
            showOtherMonths: true,
            selectOtherMonths: true
        });
    }

   $(document).ready(calendarPicker);
</script>

MVC中HTML表（Javascript里面的标签）内的日期/时间选择器

1 个答案: