0

我在我的 javascript 中动态创建了文本框，问题出在动态创建的文本框中我需要使用 datepicker，因为我是 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++;
}
4

5 回答 5

3 
$(function (){
$('body').on('focus',".mydatepickers", function(){
            $(this).datepicker();
        }); 
});
于 2014-02-24T08:19:29.803 回答
1

使用 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>

更多细节在这里

于 2013-04-02T06:11:41.910 回答
0

你可以使用这个 jquery http://jqueryui.com/datepicker/它会很简单

于 2013-04-02T06:11:02.693 回答
0

您必须在页面中下载并包含jquery datepicker 插件。

然后，在动态生成的文本框中包含一个类，如下所示：

 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-02T06:27:00.050 回答
-1

在使用 datepicker 控件时，您需要添加必要的 jQuery 文件。

添加jQuery Datepicker 文档中提到的 datepicker 的所有依赖项。

之后用 jQuery 的 datepicker 方法结束你的文本框，如下所示：

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

否则您可以将 id 属性添加到动态生成的输入元素

说 id 为：datepicker

现在你的javascript变成了

$(function(){
     $(#datepicker').datepicker();
    });
于 2013-04-02T06:30:44.923 回答