jQuery UI Datepicker length为空或不是对象错误的解决方法
我们开发ASP.NET站点时,如果将jQuery UI Datepicker与ASP.NET的验证控件(如:RequiredFieldValidator)组合使用:
代码如下:
<asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="reqDate" runat="server" ControlToValidate="txtDate" ErrorMessage="*"></asp:RequiredFieldValidator>
<script type="text/javascript">$("#<%= txtDate.ClientID %>").datepicker();
</script>
那么当我们在Datepicker中选择某个日期时就会出现“'length'为空或不是对象”的错误。这由于Datepicker的bug造成的,经过我的研究,找到了一个很简单的解决方法——捕获Datepicker的onSelect事件,但不做任何处理:
代码如下:
$("#<%= txtDate.ClientID %>").datepicker({
onSelect: function(dateText, inst) {
// 不做任何处理
}
});
现在我们选择某个日期后就不会出现“'length'为空或不是对象”的错误了,而ASP.NET验证控件也可照常运行。
相关推荐
-
jquery ui dialog里调用datepicker的问题
解决思路:修改样式表里z-index的值 解决办法: 复制代码 代码如下: beforeShow: function (i,e) { var z = jQuery(i).closest(".ui-dialog").css("z-index") + 4; e.dpDiv.css('z-index', z); }
-
jQueryUI中的datepicker使用方法详解
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 之前做的一个排班考勤系统,跟时间打交道较多,对时间控件做过一些对比,觉得jqueryUI里的这个datepicker更为实用,下面抽点时间给大家整理,方便以后查阅,同时也希望能帮助到大家! 1,引入js,css <link rel="stylesheet" href="http://code.
-
jquery UI Datepicker时间控件的使用及问题解决
本文实例为大家分享了jqueryUI中datepicker的使用,解决与asp.net中的UpdatePanel联合使用时的失效问题. 1.jqueryUI的datepicker的使用 -->首先在jqueryUI官网上根据你的需要下载适合你系统主题的样式,jqueryUI主题:下载地址: -->下载后的文件 jquery-ui-1.10.3.custom文件夹:不同的主题的区别在于它们引用的css不同 默认下载的样式如下: 其它样式比如我下载的样式: 下载的jqueryUI中除了css文件夹
-
jquery UI Datepicker时间控件冲突问题解决
公司里的项目由于发展较快,很多东西都没有好好梳理一下,以至于有很多的潜在的问题. 最近就遇到了一个比较坑的问题.datepicker 有两个插件库中的datepicker插件比较有名.一个是jQuery-UI,一个是bootstrap.两个的api网址分别是 然而在项目中很不巧的两个库都用到了.然后就出现了以下情况:http://jqueryui.com/datepicker/ 和 http://bootstrap-datepicker.readthedocs.io/en/latest/
-
JQuery UI DatePicker中z-index默认为1的解决办法
在网上也没能找到有效的解决办法,下面我提供一种看似投机的办法: 复制代码 代码如下: $("#txtFillInDate").datepicker({ monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'], dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'], dateFormat: 'yy-mm-dd', beforeS
-
设置jQueryUI DatePicker默认语言为中文
datepicker控件默认是英文的,可以在构造datepicker时通过monthNames.dayNames属性来指定月.日的中文显示值,但是每次使用是都配置这些属性不免太麻烦了,可以增加一个js文件将中文配置都放在里面,每次使用直接引用即可,这里放在jquery.ui.datepicker-zh-CN.js中,内容如下: 复制代码 代码如下: jQuery(function($){ $.datepicker.regional['zh-CN'] = { close
-
jquery UI 1.72 之datepicker
复制代码 代码如下: <script type="text/javascript"> $(function() { var options = { changeMonth: true, //显示月份下拉框 changeYear: true, //显示年份下拉框 firstDay: 0, //第一天的索引(星期天放前面)(星期天到星期六对应的索引为:0~6) showOtherMonths: true, //显示其他月份的日期 showMonthAfterYear: fals
-
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
使用jQuery ui首先需要引入jQuery类库,jQuery ui js脚本和jQuery ui css样式表.代码示例如下: 复制代码 代码如下: <script src="js/jquery-1.7.1.js"></script> <script src="js/jquery-ui-1.8.18.custom.min.js"></script><link rel="stylesheet&qu
-
jquery UI Datepicker时间控件的使用方法(终结版)
近期项目中用到日期控件,感觉不错,写出来分享给大家看看,我限制的开始时间和结束时间跨度不超过三天,并配置有清空时间,重选时间等功能,分享给大家: 先给大家看两张效果图 在例子中我控制的开始时间和结束时间为三天,也就是开始时间和结束时间的跨度不能超过三天. 具体是怎么实现的,代码中会附有很详细的解释,请大家继续往下看: 第一步,引入控件js,这里有两个,一个是jquery.js,一个是jquery-ui-datepicker.js,当然还有引入样式文件: <script type="text
-
jquery UI Datepicker时间控件的使用方法(加强版)
先来看看Datepicker插件的属性表: 第一个日历插件的使用实例 首先导入需要的类库文件: <</SPAN>scripttype="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.7.1.min.js"></</SPAN>script> <</SPAN>scripttype="text/javas
随机推荐
- Delphi实现木马自我拷贝方法
- Android横竖屏幕切换小结
- Java 8 动态类型语言Lambda表达式实现原理解析
- asp.net 计划任务管理程序实现,多线程任务加载
- Python使用filetype精确判断文件类型
- 在IIS服务器上以CGI方式运行Python脚本的教程
- C++类中的static和const用法实例教程
- mysql 基础教程之库与表的详解
- JavaScript仿网易选项卡制作代码
- JavaScript打开客户端exe文件的代码
- jQuery中triggerHandler()方法用法实例
- 浅析C#中文件路径的操作
- JS中用childNodes获取子元素换行会产生一个子元素
- 微信小程序实现拖拽 image 触摸事件监听的实例
- Java的System.getProperty()方法获取大全
- Mybatis Trim标签用法简单介绍
- php使用数组填充下拉列表框的方法
- 详解如何在Spring Boot项目使用参数校验
- 修改Android中hosts文件的步骤详解
- Python中is和==的区别详解