Question

我有一个包含多行的HTML表格，最后一个单元格中的元素是输入类型=＆＃34; text＆＃34;。如何为HTML表格的最后一个单元格中的所有输入添加日期选择器？

Answer 1

像这样：

$("table").find("tr").each(function() {
    $(this).find("td :last").datepicker();
});

<强> DEMO

Answer 2

http://stefangabos.ro/jquery/zebra-datepicker/

使用以下jquery datepicker插件

$(document).ready(function(){
    $('table input[type=text]').Zebra_DatePicker();
});

Answer 3

您可以为每个目标元素添加一个让我们说.datepicker的类，以避免使用复杂的css选择器。然后，您将包含日期选择器sources，并为每个元素实例化一个新的日期选择器。

<input class="datepicker" type="text">

jQuery('.datepicker').each(function() {
    var toBeTransformedIntoDatepicker = jQuery(this);
    toBeTransfomedIntoDatepicker.datepicker();
});

或者简单地说，就像satpal推荐的那样，写一下：

jQuery('.datepicker').datepicker();

Answer 4

为了将datepicker放到HTML表的所有最后一个单元格中，你需要循环遍历最后一项，如下所示

$('[input[name=lastelementname]').each( function ( i , val ) {
    $(this).datepicker({ dateFormat: "yyyy-mm-dd" });

});

为HTML表的最后一个单元格中的每个输入元素添加一个日期选择器

4 个答案: