如何在MVC中使用ViewModel中的新HTML5标记

本文关键字：HTML5 标记 ViewModel MVC | 更新日期: 2023-09-27 18:21:23

我想在ViwModel中使用新的HTML5标记（特别是，我想使用date picker控件并将其绑定到我的ViewModel中的DateTime属性），有什么扩展方法吗？

例如，如果我想将文本编辑器绑定到ViewModel中的一个属性，我可以在form:中编写这样的内容

@Html.EditorFor(m => m.MyTestProperty)

对于HTML5标签，我只知道这样的东西（作为一个单独的input元素）：

<input id="myDate" name="myDate" type="date" value="">

它的问题是我只能从Request.Form["myDate"]中获取值，而且它只是一个字符串值。我可以将HTML5元素的值绑定到我的ViewModel吗？

更新：

感谢所有指出这是一个重复问题的人。但我似乎无法用引用的问题来解决这个问题。标记DateTypeAttribute是我唯一需要做的事情吗？之后，EditorFor扩展方法将呈现类型为date的input？因为我试过了，但什么也没发生。

如何在MVC中使用ViewModel中的新HTML5标记

您可以使用bootstrap日期时间选择器。

@Html.EditorFor(m => m.MyTestProperty, new {@id="datetimepicker1"})

然后你需要下面的js来激活它。你可以在document.ready（）.中添加这个

    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
相关文章：