Javascript JQuery日期选择器

我正在创建一个web应用程序。在这里，我面临jQuery的一个问题

实际上，在我的概念中，当用户单击加号按钮时，将添加一个新行。当用户单击减号按钮时，特定行将被删除。行中有下拉列表和文本框。根据用户选择，将创建。它可以是文本框或下拉列表框。如果它是一个文本框，我需要创建一个日期选择器。当用户单击该文本框时，应动态创建该文本框

---

有人能帮忙吗？

添加行后，需要将日期选择器附加到文本框。创建元素后应运行类似的操作：

$('.date_input').datepicker({
            changeMonth: true,
            changeYear: true
        });

---

这取决于您使用的jquery版本：

关键的细节是如何告诉jquery附加到尚不存在的项

在1.3及更高版本中，您在datepicker div名称上使用了，以便它知道如何创建datepicker

---

如果使用旧版本（1.2及更低版本），则创建一个作为文本的jquery对象，然后将侦听器附加到jquery对象。KillerPPS ajax with jquery video有一个很好的演示如何实现它。

假设您的文本框元素如下：

<input type="text" ..... />

<input type="text" class="dtp" .... />

---

我遇到了类似的问题，并设法找到了解决办法

我注意到，当我在tr上执行clone（）时，原始的DatePicker输入（input.date）被克隆，并带有“hasDatePicker”类。删除此类并在tr上重新运行.datepicker（）解决了此问题

示例代码是：

tr.find('input.date').removeClass('hasDatepicker').datepicker();

我有一个独特的想法- 插入这些动态元素的位置；只需在那里运行datePicker函数。 这里有一个解决方案。只需查看简介

比如说-

• 我第一次有两个datepicking文本框（class=“date”）；在这个分区内

起始日期：


结束日期：

• 现在，在某个按钮事件中，新内容（更多的日期选取文本框）将添加到此div中。现在，只需在此处运行日期选取器方法（您知道原因）。

  函数添加更多费用（）
  
  {
  
  var str='
  开始日期：
  结束日期：'；
  
  美元（“#附加费”）。附加（str）；
  
  $（“.date”）.datepicker（）；//也在此处运行日期选择器
  
  }

• 现在您已经完成了，下面的方法对您来说已经足够了-
  

  $（函数（）{
  
  $（“.date”）.datepicker（）；
  
  });

---

这是我在这个有用的网站上的第一篇帖子。以前不知道，发布一些东西有多难。很抱歉看到这个列表视图。我想做些别的事情。谢谢。

你能试着在单独的章节中澄清一下：你想实现什么，你做了什么来实现它，什么有效，什么无效？hi给出一些示例代码，说明此hi行应使用日期选择器文本框动态创建。它在现有文本框中有效，但当我在其中创建新行时，无法获取日期选择器，这是一个问题。提前感谢Hi Row应使用日期选择器文本框动态创建。它在现有文本框中工作，但当我在其中创建新行时，无法获取日期选择器。Hi Row应使用日期选择器文本框动态创建。它在现有文本框中工作，但当我在其中创建新行时，无法获取日期选择器这是一个问题。Hi Row应使用日期选择器文本框动态创建。它在现有文本框中工作，但当我在其中创建新行时，我无法获取日期选择器。这是一个问题。请不要垃圾邮件评论响应。我理解这个问题。你有没有试过像我说的那样使用.live？您是否尝试过一个简单的回调来重新运行datepicker查询$（event）。（function（）{做典型的事情；$（div）.datepicker；}）嗨，两个盒子来了，我需要提到类名，对吗？是否正确$（lastRow）.find（“td classname”）.datepicker（）；嗨，我得到日期选择器未定义错误。请帮帮我。我快要死了。提前感谢$（newRow）.find（“.date pick”）.datepicker（{startDate:'01/01/1996'}）；您好，是正确的ontYes@shalini

$（newRow）.find（“.date pick”）.datepicker（{startDate:'01/01/1996'}）也可以正常工作。您需要包含
ui.datepicker.js
和
jQuery.ui
包中的样式表。
tr.find('input.date').removeClass('hasDatepicker').datepicker();