无法使用jquery创建多个日期选择器

时间:2014-10-14 06:59:12

标签: javascript jquery jquery-ui datepicker

我有问题。我有一个动态表单,可以生成一行文本字段,这些文本字段应该是datepicker。这些文本字段具有相同的类,但只有第一个具有日期选择器。其余的不能生成一个datepicker。但是当我检查他们的课程时,他们有了一个datepicker类。

这是我的简单代码:

function addNewRowCheck() {

        check_html = '<tbody id="check-row' + check_row + '">';
            check_html += '<tr style="background-color: #FDCACB">';
                check_html += '<td class="txt-center"><input type="hidden" name="check[' + check_row + '][order_no]" value="' + check_row + '" /></td>';
                check_html += '<td>';
                    check_html += '<select>';
                        check_html += $select_account_type;
                    check_html += '</select>';
                check_html +- '</td>';
                check_html += '<td><input type="text" class="txt-center chkdate" name="check[' + check_row + '][curr]" /></td>';
                check_html += '<td><input type="text" class="txt-right" name="check[' + check_row + '][rate]" /></td>';
                check_html += '<td><input type="text" class="txt-right" name="check[' + check_row + '][amount]" /></td>';
                check_html += '<td><input type="text" class="txt-right" name="check[' + check_row + '][check_number]" /></td>';
                check_html += '<td><input type="text" class="txt-right chkdate" name="check[' + check_row + '][check_date]" /></td>';
                check_html += '<td><input type="text" class="txt-right" name="check[' + check_row + '][bank_name]" /></td>';
                check_html += '<td class="center"><img id="remove_btn" src="<?php echo $button_remove; ?>" onclick="$(\'#check-row' + check_row + '\').remove()" style="display: inline;" /></td>';
            check_html += '<tr>';
        check_html += '</tbody>';

        $('#check-content tfoot').before(check_html);

        check_row++;

}

...

$('.chkdate').each(function() {
    $(this).datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true
    });
});

1 个答案:

答案 0 :(得分:1)

*你启动jquery点击功能*

$("input[type=text]").click(function() {

    $(this).datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true
    });
});