我试图采用开箱即用的ui日期选择器并将其重新用作基于日历的状态显示。
我在尝试填充其他列时遇到问题。这段代码更新了价值,但结果总是最好的一周数,在这种情况下是第13周。我已经完成了这个,可以看到第1周,第2周等应用,我只是不知道如何使第1周的第1周和第2周的第2周,依此类推。最后,我将添加一个ajax函数来用实际百分比填充这些值。
$('td.ui-datepicker-week-col').each(function (index) {
var weekno = $(this).text();
var pctValHTML = "<td id=pct-val-" + weekno + " class='pctVal'>" + weekno + "</th>";
$("td.pctVal").replaceWith(pctValHTML);
});
如何更新我的新列?
这是我的小提琴,显示当前的行为:http://jsfiddle.net/mv5492/PuWWS/1/
请注意,刷新(单击一天,获取警报)会清除添加的列。我分别看那个。
谢谢,迈克
答案 0 :(得分:0)
这一行:
$("td.pctVal").replaceWith(pctValHTML);
选择每一个td.pctVal
并替换HTML。这会导致每个td.pctVal
包含迭代的最后一周的值。你可能想要这样的东西:
$(this)
.closest('tr') // find the common ancestor `tr`
.find('td.pctVal') // from there, find the correct `td.pctVal`
.replaceWith(pctValHTML);