如何在MVC中使用带有ViewModel的新HTML5标签？

Question

我想在我的ViwModel中使用新的HTML5代码（具体来说，我想使用date picker控件并将其绑定到DateTime中的ViewModel属性}），是否有任何扩展方法？

例如，如果我想将文本编辑器绑定到ViewModel中的属性，我可以在form内写出类似的内容：

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

使用HTML5标签时，我只知道这样的内容（作为单独的input元素）：

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

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

更新：

感谢所有指出这是一个重复问题的人。但我似乎无法使用引用的问题。标记DateTypeAttribute是我唯一需要做的事情，之后EditorFor扩展方法会呈现类型为input的{​​{1}}吗？因为我试过但没有发生任何事情。

Answer 1

您可以使用bootstrap datetimepicker。

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

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

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