jQuery UI的動態插入輸入

我動態地添加輸入字段到td元素jQuery UI的動態插入輸入

$('.edit_text').live('click',function(){ 
    $(this).html('<input type="text" value="'+$(this).text()+'" style="background:url(text_bx.gif) no-repeat bottom;display:inline;padding: 0; margin: 0;" class="editing" >'); 
    $(this).children('input').focus(); 
    if ($(this).attr('id')=='date'){ 
     $(this).children('input').datepicker("refresh");//"option", "dateFormat","yy-mm-dd"); 
    } 
});

但如果TD具有標識日期，日期選擇器沒有顯示出來。我也有插入輸入字段模糊功能，是一個問題？

$('.editing').live('blur',function(){ 
//did something 
    });

來源

2012-07-14 pahnin

您可以張貼在的jsfiddle？也嘗試使用一些不同的名稱，而不是「日期」，這可能會讓你陷入困境 – Samson 2012-07-14 19:18:42

代碼有點複雜，我添加了console.log（0）if語句後，它的工作 – pahnin 2012-07-14 19:20:25

好了，下面是動態jquery date picker可編輯的文本框，你可以相應地更新代碼。

$(function(){ 
 
    
 
    $('#thedate').datepicker({ 
 
     dateFormat: 'dd-mm-yy', 
 
     onSelect: function(dateText) { 
 
    \t \t $('#dateContainer').text(dateText); 
 
     console.log(dateText); 
 
     } 
 
     
 
    }); 
 
    
 
});

<link href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> 
 
Shown Date : <div id="dateContainer" type="button" > currentData </div> 
 
<input id="thedate" type="text" /><br /> 
 
<input id="thesubmit" type="button" value="Submit" />

JS撥弄日期選取器： - http://jsfiddle.net/vikash2402/8w8v9/1989/

JS撥弄日期選取器和DIV： - http://jsfiddle.net/vikash2402/8w8v9/1990/

希望這將幫助你:)

來源

2016-10-05 19:43:28

jQuery UI的動態插入輸入

回答

相關問題