datepicker 动态文本框 bug

最新推荐文章于 2021-05-07 17:20:34 发布

wwttqq85538649

最新推荐文章于 2021-05-07 17:20:34 发布

阅读量1.1k

点赞数

文章标签： function stylesheet input scroll fold email

本文链接：https://blog.csdn.net/wwttqq85538649/article/details/6056191

版权

参考：http://javaself.javaeye.com/blog/734273

项目背景，我使用ajax动态读取表格的数据，然后当点击表格时，动态生成文本框，然后动态绑定datepicker，原意是想让生成的日期字段变成表格的内容，然后文本框消失，刚开始时没有设置datepicker的事件，无法完成此功能。当设定了onClose事件时，才可以，主要代码如下：

$("#datepicker").datepicker({ onSelect: function (dateText, inst) { $(this).focus(); }, onClose: function (dateText, inst) { td.html(dateText); }, showAnim: 'fold' });

上面的td表示表格中的一个单元格。

完整代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="plugin/jquery.tablesorter/themes/blue/style.css" mce_href="plugin/jquery.tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" /> <mce:script src="script/jquery-1.4.3.js" mce_src="script/jquery-1.4.3.js" type="text/javascript"></mce:script> <mce:script src="script/jquery.contextmenu.r2.packed.js" mce_src="script/jquery.contextmenu.r2.packed.js" type="text/javascript"></mce:script> <mce:script src="script/jquery.livequery.js" mce_src="script/jquery.livequery.js" type="text/javascript"></mce:script> <mce:script src="plugin/jquery.tablesorter/jquery.tablesorter.js" mce_src="plugin/jquery.tablesorter/jquery.tablesorter.js" type="text/javascript"></mce:script> <mce:script src="plugin/csdn%20dragtable/dragtable.js" mce_src="plugin/csdn%20dragtable/dragtable.js" type="text/javascript"></mce:script> <link href="plugin/csdn%20dragtable/csdnturn.css" mce_href="plugin/csdn%20dragtable/csdnturn.css" rel="stylesheet" type="text/css" /> <link href="jquery-ui-1.8.6.custom/css/redmond/jquery-ui-1.8.6.custom.css" mce_href="jquery-ui-1.8.6.custom/css/redmond/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" /> <mce:script src="jquery-ui-1.8.6.custom/js/jquery-ui-1.8.6.custom.min.js" mce_src="jquery-ui-1.8.6.custom/js/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">#tablesort { height:500px; width:1000px; overflow:scroll; } </style> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="parent"> <div id="tablesort" ></div> </div> <input id="hide1" type="hidden" value="" /> tr:<p id="trid"></p> td:<p id="tdid"></p> <div class="contextMenu" id="myMenu1"> <ul> <li id="factory"><img src="folder.png" mce_src="folder.png" /> Open</li> <li id="email"> <img src="bg1.png" mce_src="bg1.png" /> Emaild</li> <li id="save"><img src="disk.png" mce_src="disk.png" /> Save</li> <li id="inv"><img src="disk.png" mce_src="disk.png" /> inv</li> </ul> </div> </body> </html>

总结：在学习jquery ui插件时，注意其事件的使用。

wwttqq85538649

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
datepicker 动态文本框 bug

<br />参考：http://javaself.javaeye.com/blog/734273<br /> <br />项目背景，我使用ajax动态读取表格的数据，然后当点击表格时，动态生成文本框，然后动态绑定datepicker，原意是想让生成的日期字段变成表格的内容，然后文本框消失，刚开始时没有设置datepicker的事件，无法完成此功能。当设定了onClose事件时，才可以，主要代码如下：<br /> <br /> <br /> $("#datepicker").datepicker({
复制链接

扫一扫