我有来自jquery ui的日期选择器,我需要设置每天的id(默认为class.ui状态的a),格式为:年月日。
这是我的解决方案,我想让它每天都在工作。现在我得到这个:
id="2015-2-123456789101112131415161718192021222324252627829303112345678910111213141516171819202122232425262728293012345678910112213141516172819202122231262728293031"
var year = $(".ui-state-default").parent('td').data('year');
var month = $(".ui-state-default").parent('td').data('month');
var day = $(".ui-state-default").parent('td').children().text();
$(".ui-state-default").attr("id", "" + year + '-' + month + '-' + day + "");
这是日期选择器代码的示例部分。
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">2</a>
</td>
<td class=" " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">3</a>
</td>
<td class=" " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">4</a>
</td>
<td class=" " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">5</a>
</td>
<td class=" " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">6</a>
</td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">7</a>
</td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="2" data-year="2015">
<a class="ui-state-default" href="#">8</a>
</td>
</tr>
我建议通过jquery对.ui状态默认元素进行迭代,然后在其中执行相同的代码。https://api.jquery.com/jquery.each/
$('.ui-state-default').each(function() {
var parentData = $(this).parent().data();
$(this).attr("id", "" + parentData.year + '-' + parentData.month + '-' + this.text + "");
});