0

我有这样的场景，

for( int i=0; i < 5; i++)
{
    <input type="text" id="t"+i val=""/>
}

我想要所有文本框的日期选择器......如何......？

是否可以在页面加载时..？

我试过这样，，

并在选择日期后应在受尊重的文本框中设置

for( int i=0; i < 5; i++)
{
    <input type="text" id="t"+i val=""/>
    <input type="hidden" id="h"+i val=""/>
}



<script>
$(function () {
    var updateValue = false;
    $('input:hidden[id^=h]').datepicker({
        showOn: 'button',
        buttonText: 'Open calendar',
        buttonImageOnly: true,
        buttonImage: '/imagesOnline/calendar.png',
        dateFormat: 'dd/mm/yy',

        changeYear: atrue,
        changeMonth: true,
        onSelect: function (dateText, inst) {
            //how to set respected text field
            $('#ExpireDate').val(dateText);
        }
    });
    //Animate datepicker
    $("#AssignedPartnerOrgHidden1").datepicker("option", "showAnim", "show");

    //pointer mark on mouseover
    $(".ui-datepicker-trigger").mouseover(function () {
        $(this).css('cursor', 'pointer');
    });

});
</script>
4

5 回答 5

0 
Html:
<div class = "main_div"></div>
jQuery:
$(document).ready(function(){
for( var i=0; i < 5; i++)
{
$('.main_div').append('<input type="text"   class ="datepicker" val=""/><br/>');    
 }

$('.datepicker').each(function(i) {
    this.id = 'datepicker' + i;
}).datepicker();
});
Check this link: http://jsfiddle.net/6zfEY/51/
于 2013-09-11T09:38:34.853 回答
0 
<input class="datepicker">
<input class="datepicker">
<input class="datepicker">
<input class="datepicker">
<input class="datepicker">
or 
for( int i=0; i < 5; i++)
{
    <input type="text" class = "datepicker " val=""/>
}
$('.datepicker').datepicker();
于 2013-09-11T09:27:49.620 回答
0

$('input:text[id^=t]')input选择所有具有类型text和id开头的元素t

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

属性包含选择器

^属性以选择器开始

OP更新问题后更新

onSelect: function (dateText, inst) {
            var id = this.id.replace('h','');
            $('#t'+id).val(dateText);
        }
于 2013-09-11T07:01:43.200 回答
0

给它一个类..并在附加输入后再次初始化日期选择器

 <input type="text" id="t"+i class="dynamicInput" val=""/>

并在附加后调用它

//code for inserting the input
$('.dynamicInput').datepicker();

没有类你可以使用属性选择器

$('input[id^=t]').datepicker();
于 2013-09-11T07:02:03.340 回答
0

看看 Jquery datepicker 插件

见http://jqueryui.com/datepicker/

这可以绑定到您正在创建的输入标签或预先存在的一次

一些简单的代码

<script>
    $("#datepicker").datepicker();
</script>

<html><input type="text" id="datepicker" />
于 2013-09-11T07:02:54.030 回答