我可以使用类选择器使用jquery动态日期选择器

时间:2010-01-13 13:50:54

标签: jquery dynamic datepicker

我有一个动态的html表,在一列中我想要一个jquery ui日期选择器。几个问题:

  1. 我可以按类而不是id来使用datepicker:

    (文档)$。就绪(函数(){
             $( “日期选择器”)日期选择器();
      });

  2. 如果我使用jquery在这个类中添加文本框,我可以动态创建吗?

2 个答案:

答案 0 :(得分:3)

  1. 您可以根据您喜欢的任何jQuery选择器设置日期选择器。 .datePicker()只会应用于您的选择器返回的任何内容。

  2. 是的,您可以动态创建它们,只需在读取后在选择器上运行.datePicker(),就像在document.ready()中一样。只需添加一个文本框,该文本框与document.ready代码中使用的相同类不会自动设置它们,但您需要确保再次运行.datePicker代码(除非您使用.live查询执行某些操作)。

  3. 澄清评论:

    你想避免在已经运行过的东西上运行datepicker(但我不认为如果你这样做会伤害)。所以你可以在表格中给出新的TR一个唯一的ID(比如记录的ID?),然后运行$('#newRowId input.datePicker').datePicker();

答案 1 :(得分:1)

今天,我遇到了你的问题。像下面一样更改JQuery:

$(".myclass").live("click", function() {
    $(this).datepicker({
        changeMonth: true,
        changeYear: true,
        gotoCurrent: true,
        dateFormat: 'dd-mm-yy',
        yearRange: '2016:c',
        defaultDate: 'today'
    }).datepicker('show');
});