asp.net-mvc-4 – 使用Bootstrap日期时间选择器,Asp.Net MVC4应
发布时间:2020-12-16 06:34:08 所属栏目:asp.Net 来源:网络整理
导读:我目前正在使用 Bootstrap 3.1.1,Eonasdan datetime picker v4.7.14和 jquery validation plugin v1.14.0开发MVC Asp.Net 4.6 WebApp. 我在验证日期方面遇到了一些问题. 我的模型看起来像这样: public class PersonModel{ ... [Required] [Display(Name = "
我目前正在使用
Bootstrap 3.1.1,Eonasdan datetime picker v4.7.14和
jquery validation plugin v1.14.0开发MVC Asp.Net 4.6 WebApp.
我在验证日期方面遇到了一些问题. >我的模型看起来像这样: public class PersonModel{ ... [Required] [Display(Name = "Date of Birth")] public DateTime? DateOfBirth { get; set; } ... } >我的视图看起来像这样: <div class="form-group"> @Html.LabelFor(x => x.DateOfBirth): <span class="text-danger"><b>*</b></span> <div class="input-group datepicker"> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> @Html.TextBoxFor(x => x.DateOfBirth,new {@class = "form-control",@data_date_format = "DD/MM/YYYY",@placeholder = "DD/MM/YYYY"}) </div> @Html.ValidationMessageFor(x => x.DateOfBirth,"",new { @class = "text-danger" }) </div> >初始化日期时间选择器的关联Js代码: (function () { // Init bootstrap date/time pickers $(".datepicker").datetimepicker({ useCurrent: false }); })(jQuery); 使用jQuery.validator,即使日期看起来不错,我总是会收到此错误: 我知道jQuery.validator可以正常使用jquery.ui.datepicker,但是如何使用bootstrap.datetimepicker? 解决方法
您可以覆盖Jquery.validator插件的日期方法:
(function () { // overrides the jquery date validator method jQuery.validator.methods.date = function (value,element) { // All dates are valid.... return true; }; })(jQuery); 因为bootstrap datetime picker使用moment.js,你可以检查日期是否有效: (function () { // overrides the jquery date validator method jQuery.validator.methods.date = function (value,element) { // We want to validate date and datetime var formats = ["DD/MM/YYYY","DD/MM/YYYY HH:mm"]; // Validate the date and return return moment(value,formats,true).isValid(); }; })(jQuery,moment); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-mvc – 在MVC ActionLink中使用Knockout绑定
- asp.net – 两个域之间的会话共享
- asp.net – 为什么IIS Express使用而不是?
- asp.net-mvc-3 – ASP.NET MVC 3编辑器模板中的IEnumerable
- asp.net-mvc – 将角色添加到ADFS IPrincipal
- asp.net-mvc-3 – MVC动作被调用两次?
- 如何重定向到ASP.NET MVC中的调用页面?
- 在asp.net中使用cookie mvc c#
- asp.net-mvc – 与Ninject集成测试
- 可以使用ASP.NET路由为.ashx(IHttpHander)处理程序创建“干
推荐文章
站长推荐
- asp.net – 如何迭代DataTable中给定行中的所有项
- 如何在ASP.NET C#中获取网页源代码?
- asp.net-mvc – 如何在cshtml中停止ASP.NET MVC视
- asp.net-mvc – 用作复选框时bool值类型的必需属
- asp.net-mvc-3 – 在asp.net MVC 3中使用WIF,我在
- asp.net-mvc-3 – 即使关闭了自动完成功能,Firef
- asp.net-mvc – 如何跳过ActionFilter的操作执行
- asp.net-mvc-5 – 如何配置Users上下文/表?
- asp.net-mvc – 如何扩展asp.net web api 2用户?
- asp.net – 在发布Web应用程序时如何包含未引用的
热点阅读