动态创建控件的日期选择器

Posted 2023-05-07

【中文标题】动态创建控件的日期选择器

【英文标题】：Datepicker for dynamically created controls

【发布时间】：2013-04-20 01:22:35

【问题描述】：

我有一个包含许多动态控件的页面。

对于一些动态创建的文本框，我想使用jQuery添加日历控件（Keith Wood）

通常，如果文本框控件不是动态的，我会在 txtBoxDate 文本框的日历弹出窗口上调用以下 javascript 函数：

  $(function () 
     $('#<%=txtBoxDate.ClientID%>').datepick( dateFormat: 'dd MM yyyy' );
  );

由于我现在没有动态创建文本框的 ID，我该如何调用 jQuery 日历函数？

有什么想法吗？

非常感谢！

EIDT：我通过一些循环（创建多个）创建如下控件：

TableRow tr = new TableRow();
TableCell td1 = new TableCell();
TableCell td2 = new TableCell();

TextBox txtValue = new TextBox();
txtValue.Width = 250;
txtValue.ID = "textbox_" + dt.Rows[j][2].ToString();

【问题讨论】：

你能展示你如何创建输入的代码吗？

动态创建文本框？当然，我现在会编辑我的问题。

已更新，感谢 tymeJV！

【参考方案1】：

您可以向保存日历的编辑器添加一个 css 类名称，并在此基础上附加日期选择器，例如：

TextBox txtValue = new TextBox();
        txtValue.Width = 250;
        txtValue.CssClass = "TheDateTimePicker";

在脚本上：

$(function () 
  $('.TheDateTimePicker').datepick( dateFormat: 'dd MM yyyy' );
);

您可以为所有保留此日期控制的编辑器使用相同的 css 类名称，而无需更改任何其他内容。这个$('.TheDateTimePicker') 选择器会将“datepick”应用于所有具有该 css 类的控件。