JQuery DateTimePicker 未使用非侵入式验证进行验证

Question

使用 this Jquery DateTimePicker。我想确保在提交时输入了时间戳，所以在我的 ViewModel 中它是一个必需字段，但是，由于控件的样式，ViewModel 中必需的 ID 未在输入控件上设置，而是周围 Div 等控件不验证。

关于如何解决这个问题的任何想法

ViewModel

[Required(ErrorMessage = "RequiredField")]
[Display(Name = "TimeStamp")]
public DateTime TimeStamp { get; set; }

HTML

<div class="form-group">
    <label asp-for="TimeStamp" class="control-label"></label>
    <div class="input-group date" id="TimeStamp">
        <input type="text" class="form-control" />
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
    <span asp-validation-for="TimeStamp" class="text-danger"></span>
</div>

工作代码

<div class="form-group">
    <label asp-for="TimeStamp" class="control-label"></label>
    <div class="input-group date" id='TimeStampCal'>
        @Html.TextBox("TimeStamp", null, new { @class = "form-control" })
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
    <span asp-validation-for="TimeStamp" class="text-danger"></span>
</div>

JS

$('#TimeStampCal').datetimepicker();

Answer 1

我通过给 Div 一个与我的模型不同的名称来让它工作，只是为了初始化它而不是使用 TagHelpers，如果我使用 MVC 控件，它作为一个日期时间选择器工作，并在提交时验证.

见上面的代码

JQuery DateTimePicker 未使用非侵入式验证进行验证

JQuery DateTimePicker not validating using Unobtrusive Validation

jquery

unobtrusive-validation

eonasdan-datetimepicker