如何让所有带有类的文本框在jquery中都有一个datepicker?

时间:2014-08-25 18:19:42

标签: javascript jquery html css datepicker

我有我用div标签包装的字段,以便将它们指定为具有日期选择器。

他们看起来像这样:

<div class="need-date" >
<label>Birth Date</label>
    <input id="id_birth_date" type="text"></input>
</div>

我知道我可以将日期选择器应用于此单个字段:

<script>
$(function() {
    $('#id_birth_date').datepicker({
        dateFormat: 'mm-dd-yy',
        changeYear: 'true',
        changeMonth: 'true',
        startDate: '08-24-2014',
        firstDay: 1,
        onSelect: function()
        { 

            var dateObject = $(this).datepicker('getDate'); 

        }
    });

});
</script>

如何应用此代码使日期选择器与此div中包含的文本框相关联?

1 个答案:

答案 0 :(得分:1)

你可以这样做:

 $('.need-date #id_birth_date').datepicker({

或者如果你不想使用id那么:

 $('.need-date input:text').datepicker({