Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 3 需要使用Jquery在所有行中添加日期选择器_Ruby On Rails 3_Jquery - Fatal编程技术网

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

Ruby on rails 3 需要使用Jquery在所有行中添加日期选择器,ruby-on-rails-3,jquery,Ruby On Rails 3,Jquery,我有图片所附的视图。我想为所有行中的列过期日期添加日期选择器 此处第一行包含列expiry date的id为“expiry\u 1\u date” 2nd row -> 'expiry_2_date' 3nd row -> 'expiry_3_date' 4nd row -> 'expiry_4_date' 5nd row -> 'expiry_5_date' 请帮助我在Jquery中获得所需的结果。提前感谢 使用从选择器开始。并调用datepicker方法 像这样试试

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

此处第一行包含列expiry date的id为“expiry\u 1\u date”

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

请帮助我在Jquery中获得所需的结果。提前感谢

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

像这样试试

$('input:text [id^="expiry_"]').datepicker();
或者以另一种方式将类添加到每个文本框中

然后像这样使用

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

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

像这样试试

$('input:text [id^="expiry_"]').datepicker();
或者以另一种方式将类添加到每个文本框中

然后像这样使用

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

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

要向其中添加css,请尝试使用此

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

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

要向其中添加css,请尝试使用此

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

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

试试这个

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

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

试试这个

 $('input[id^="expiry_"]').datepicker();
使用类日期选择器设置输入

您可以从中获取日期,如下所示:

$(".datepicker").datepicker(
{
    onSelect: function()
    { 
        var dateObject = $(this).datepicker('getDate'); 
        alert(dateObject);
    }
});
使用类日期选择器设置输入

您可以从中获取日期,如下所示:

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

您可以选择id为字符串到期的所有元素,并为其分配日期选择器:


演示:

您可以选择id为字符串到期的所有元素,并为其分配日期选择器:



演示:

@GautamD3164。“我不知道该怎么办?”乔达姆3164。我不知道该怎么办?你应该引用这个查询。我想在日期选择器中做一些设计。你能帮我吗?你应该引用这个查询。我想要那个日期选择器的一些设计。你能帮我吗?你应该引用这个查询。我想要那个日期选择器的一些设计。你能帮我吗?你应该引用这个查询。我想要那个日期选择器的一些设计。你能帮我吗?我想在那个日期选择器上做些设计。你能帮我吗?把答案贴上一些图案。我想在日期选择器上加上一些图案。你能帮我吗?把答案贴上一些图案。我想在日期选择器上加上一些图案。你能帮我吗?我想在那个日期选择器上做些设计。你能帮我吗?我想在那个日期选择器上做些设计。你能帮我吗?我想在那个日期选择器上做些设计。你能帮我吗?