Javascript 动态文本框的日期选择器_Javascript

Javascript 动态文本框的日期选择器

javascript

Javascript 动态文本框的日期选择器,javascript,Javascript,我已经在javascript中动态创建了textbox，问题是动态创建的textbox需要使用datepicker，因为我是javascript新手好心帮忙谢谢行4=0； var指数=1；函数addRow_otherschsp（tbl4，第5行）{ var textbox3a=''； var newRow=tbl4.insertRow（第4行）； var newCell=newRow.insertCell（0）； newCell.innerHTML=label3； var newCell

我已经在javascript中动态创建了textbox，问题是动态创建的textbox需要使用datepicker，因为我是javascript新手

好心帮忙谢谢

行4=0；
var指数=1；
函数addRow_otherschsp（tbl4，第5行）{
var textbox3a=''；
var newRow=tbl4.insertRow（第4行）；
var newCell=newRow.insertCell（0）；
newCell.innerHTML=label3；
var newCell=newRow.insertCell（1）；
newCell.innerHTML=“从“+textbox3a+”到&`在此处输入代码`nbsp；”+textbox3b；
第4++行；
}

您可以使用此jquery，它将非常简单

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


jQuery UI日期选择器-默认功能
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});
日期：

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


jQuery UI日期选择器-默认功能
$（函数（）{
$（“#日期选择器”）.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\">';          

  .....}

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

函数addRow\u otherschsp（tbl4，第5行）{
var textbox3a=''；
.....}

现在在您的document.ready（）中添加以下代码：

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


$（文档）.ready（函数（）{
$（“.MyDatePicker”）.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\">';          

  .....}

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

函数addRow\u otherschsp（tbl4，第5行）{
var textbox3a=''；
.....}

现在在您的document.ready（）中添加以下代码：

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


$（文档）.ready（函数（）{
$（“.MyDatePicker”）.datepicker（）；
});

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

添加datepicker的所有依赖项，如中所述

然后用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\">';          

  .....}

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

或者，您可以向动态生成的输入元素添加id属性

把id说成：datepicker

现在，您的javascript变得

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