使用MVC / jQuery预填充屏蔽的文本框字段

Question

最近，我一直在尝试清理多个数据输入项目（大多数主要是Dates (mm/dd/yyyy)或DateTimes (mm/dd/yyyy hh:mm:ss am/pm)。

我正在使用digitalBush Masking Plugin，所有内容似乎都在使用空字段。但是 - 当我试图将一个蒙面字段应用于绑定到ViewModel的字段时，我似乎遇到了问题。

示例：

HTML：

<%= Html.TextBoxFor(model => model.DateOfBirth})%>

jQuery的：

$("#DateOfBirth").mask("99/99/9999",{placeholder:" "});

我很好奇是否有人对如何在预先填充来自ViewModel的数据的字段上实现文本框屏蔽有任何想法，这样它会像往常一样出现但是当它被更改时它会作出反应掩盖的输入。

Answer 1

而不是：

<%= Html.TextBoxFor(model => model.DateOfBirth) %>

你可以写：

<%= Html.EditorFor(model => model.DateOfBirth) %>

然后您可以使用[DisplayFormat]属性修饰相应的视图模型属性：

[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
public DateTime DateOfBirth { get; set; }