我上传了一个简单的应用程序,您可以在其中获得与 DatePicker jQuery UI 相同的体验: DatePickerValidationMvc:http ://sdrv.ms/17tS25J
我在我的 UI 中使用 jQuery UI DatePicker,标记和脚本如下所示:
@Html.TextBoxFor(model => model.ExpireDateTime, new { id = "expiration-date", @Value = Model.ExpireDateTime.ToString("dd-MM-yyyy") })
<script type="text/javascript">
$(function () {
$('#expiration-date').datepicker({ dateFormat: 'dd-mm-yy' });
});
</script>
我正在使用远程验证,模型上的属性如下所示:
[Remote("IsDateBetweenDateRangeAction", "Home", HttpMethod = "POST")]
我只是使用 Visual Studio 中的默认 MVC 4 模板。因此,我引用了这些脚本:
jquery-1.8.2.js jquery-ui-1.8.24.js
生成的标记如下所示:
<div class="editor-field">
<input Value="13-09-2015" data-val="true" data-val-date="The field Expiration Date (DD-MM-YYYY) must be a date." data-val-remote="'Expiration Date (DD-MM-YYYY)' is invalid." data-val-remote-additionalfields="*.ExpireDateTime" data-val-remote-type="POST" data-val-remote-url="/Home/IsDateBetweenDateRangeAction" data-val-required="The Expiration Date (DD-MM-YYYY) field is required." id="expiration-date" name="ExpireDateTime" type="text" value="13-09-2015 09:57:14" /><br />
<span class="field-validation-valid" data-valmsg-for="ExpireDateTime" data-valmsg-replace="true"></span>
</div>
有趣的是,当我使用 DatePicker 验证更改日期时,只会每 2 次欺骗一次。
似乎我不是唯一有这种经历的人: https ://stackoverflow.com/questions/11341110/jquery-datepicker-only-every-second-click-event-fires
任何人都知道如何在每次更改日期时调用我的验证方法,而不仅仅是每两次?
我上传了一个简单的应用程序,您可以在其中获得与 DatePicker jQuery UI 相同的体验:DatePickerValidationMvc:http ://sdrv.ms/17tS25J