日期選擇動態文本框

我已經動態在我的JavaScript創建文本框，問題是在動態創建的文本框，我需要爲我是新來的JavaScript日期選擇動態文本框

使用日期選擇器好心幫感謝

row_no4=0; 
    var index=1; 
    function addRow_otherschsp(tbl4,row5){ 
    var textbox3a = '<input type=\"text\" size = \"10\" maxlength= \"10\" name=\"othrFA3'+tick+'\" id=\"othrFA3'+tick+'\" placeholder=\"dd/mm/yyyy\" >';   

    var newRow = tbl4.insertRow(row_no4); 
    var newCell = newRow.insertCell(0); 
    newCell.innerHTML = label3; 
    var newCell = newRow.insertCell(1); 
    newCell.innerHTML = "From&nbsp;&nbsp;"+textbox3a+ "To&nbsp;&`enter code here`nbsp;"+ textbox3b;  
    row_no4++; 
}

來源

2013-04-02 jj2422

你可以嘗試'setTimeout（function（）{$（'input [name =「othrFA3 *」]'）。datepicker（）; }，0）;'在關閉你的上面的函數之前。 –

$(function(){ 
$('body').on('focus',".mydatepickers", function(){ 
      $(this).datepicker(); 
     }); 
});

來源

2014-02-24 08:19:29 jj2422

你可以使用這個jQuery http://jqueryui.com/datepicker/這將是簡單

來源

2013-04-02 06:11:02 Dolo

使用jQuery

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker" /></p> 


</body> 
</html>

More Details here

來源

2013-04-02 06:11:41 iCode

您必須下載並在您的網頁jquery datepicker plugin。

隨後，包括像這樣一類的動態生成的文本框：

function addRow_otherschsp(tbl4,row5){ 
    var textbox3a = '<input type=\"text\" size = \"10\" maxlength= \"10\" name=\"othrFA3'+tick+'\" id=\"othrFA3'+tick+'\" placeholder=\"dd/mm/yyyy\" 
class=\"mydatepickers\">';   

    .....}

現在，在您的document.ready（）添加以下代碼：

<script> 
    $(document).ready(function() { 
    $(".mydatepickers").datepicker(); 
    }); 
    </script>

來源

2013-04-02 06:27:00 Sharun

你需要添加必要的使用datepicker控件時使用jQuery文件。

如jQuery Datepicker documentation中所述，添加datepicker的所有依賴關係。

風你的文本框，像這樣的jQuery的日期選擇器方法後：

$(function(){ 
$('input[name="othrFA3*"]').datepicker(); 
});

或其他你能id屬性添加到您的動態生成的輸入元素

說，編號爲：日期選擇

現在您的JavaScript變成

$(function(){ 
    $(#datepicker').datepicker(); 
    });

來源

2013-04-02 06:30:44

日期選擇動態文本框

回答

相關問題