ruby-on-rails-3 - 需要使用 Jquery 在所有行中添加日期选择器

Question

我有附加图像的视图。我想为所有行中的列到期日期添加日期选择器。

这里第一行包含列到期日期的 id 是 'expiry_1_date'

2nd row -> 'expiry_2_date'
3nd row -> 'expiry_3_date'
4nd row -> 'expiry_4_date'
5nd row -> 'expiry_5_date'

请帮助我在 Jquery 中实现所需的结果。提前致谢！！！

Answer 1

使用从选择器开始。并调用 datepicker 方法。

试试这样

$('input:text [id^="expiry_"]').datepicker();

或替代方式为每个文本框添加一个类。

然后像这样使用

$('.SomeClass').datepicker();

演示

Answer 2

试试喜欢

$("input[id^='expiry'][id$='date']").datepicker();

在此处查看演示

并添加 css 试试这个

<style type="text/css">
  .ui-datepicker {
       background: #333;
       border: 1px solid #555;
       color: #EEE;
   }
 </style>

Answer 3

使用属性选择 []器^

选择具有指定属性且其值正好以给定字符串开头的元素。

试试这个

 $('input[id^="expiry_"]').datepicker();

Answer 4

使用类设置输入datepicker

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

然后像这样加载它：

$(function() {
  $( ".datepicker" ).datepicker();
});

您可以从中获取日期，如下所示：

$(".datepicker").datepicker(
{
    onSelect: function()
    { 
        var dateObject = $(this).datepicker('getDate'); 
        alert(dateObject);
    }
});

Answer 5

您可以选择所有以字符串开头的 id 元素expiry并分配datepicker给它：

$('input[id^="expiry"]').each(function() {
    $(this).datepicker();
})

演示：http: //jsfiddle.net/pyMzT/