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

我有视图作为附加的图像。我想为所有行中的列到期日期添加日期选择器。 enter image description here 需要在所有行中添加日期选择器使用Jquery

这里的第一行包含列到期日的ID是“expiry_1_date”

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

请帮我acheive jQuery中所期望的结果。提前致谢！！！

来源

2013-04-01 Can Can

@ GautamD3164。我不知道该怎么办？ –

Yah然后看到我的答案 – Gautam3164

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

尝试这样

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

或替代方法类添加到每个文本框。

然后使用这样

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

Demo

来源

2013-04-01 12:45:25

你应该引用查询。 – core1024

我想在该日期选择器的设计。你能帮我吗？ –

尝试像

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

见DEMO HERE

和CSS添加到它尝试用这种

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

来源

2013-04-01 12:45:52 Gautam3164

@POOJA明白了.. ?? – Gautam3164

pooja没有人的ans正在为你工作.. ??没有upvotes没有评论.. – Gautam3164

其工作，所以+1 –

使用attribute selector[]与^

选择具有与给定的字符串完全开头的值的指定属性的元素。

试试这个

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

来源

2013-04-01 12:45:57 bipen

您应该引用查询。 – core1024

是的...谢谢...错过了更新... :)谢谢@ core1024 – bipen

其工作如此+1 –

设置一个输入一个类datepicker

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

，然后加载它想：

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

你可以从它那里得到的日期一样：

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

来源

2013-04-01 12:46:44

其工作如此+1 –

我已经使用了自己的同一段代码:) –

我想在该日期选择器中进行一些设计。你能帮我吗？ –

你可以用的ID start with串expiry选择所有元素，并分配datepicker它：

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

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

来源

2013-04-01 12:49:45 Eli

其工作如此+1 –

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

回答

相关问题