jQuery使用clone之后的datepicker问题

今天在工作中碰到需要复制table中某一行的操作,但行中有一个text带有datepicker功能,clone以后的新行有日历的图标但点击图标就是不弹出日历,后来比较丑陋的解决了(因为对jquery-ui一窍不通).贴出来分享一下:

function addOne(tblName){
	var index =  parseInt($("#"+tblName+" tbody tr:last-child td:first span").html())+1;
	var $cloneLine = $("#"+tblName+" tbody tr:last-child").clone();
	$cloneLine.find("td").eq(1).html('<input type="text" />'); // $cloneLine.find("td").eq(1)这个td包含日期输入项,我把它用普通的text代替
	$cloneLine.find("td").eq(1).children("input:text").eq(0).datepicker({ //把刚刚替换的text加上datepicker属性
        changeMonth: true, 
        changeYear: true, 
        dateFormat: 'yy-mm-dd',
        showAnim: 'fadeIn',
        duration: 'fast',
        prevText: '',
        nextText: '',
        showOn: 'button',
        buttonImageOnly: true,
        buttonImage: 'images/date_time_06.gif',
        showButtonPanel: true,
        monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月',
		    '七月', '八月', '九月', '十月', '十一月', '十二月']
	});
	$cloneLine.appendTo("#"+tblName+" tbody");
	$("#"+tblName+" tbody tr:last-child td:first span").html(index);
	$("#"+tblName+" tbody tr:last-child td:first input:hidden").val(index);
	$("#"+tblName+" tbody tr td:last-child").html("");
	$("#"+tblName+" tbody tr:last-child td:last").html('<span class="icon icon-delone"></span>');

	$('#'+tblName+" tbody tr:last-child input:text, "+'#'+tblName+" tbody tr:last-child select").val('');
}
以后项目中的如碰到类似问题可以照此方法做,但肯定不是最好的方法.

我曾试过不做替换,直接加.datepicker但是不行...

各位大大有啥更好的方法吗?

(本项目只在IE8运行,故其他浏览器未测试)

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值