Question

我试图采用开箱即用的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/

请注意，刷新（单击一天，获取警报）会清除添加的列。我分别看那个。

谢谢，迈克

Answer 1

这一行：

$("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);

更新示例： http://jsfiddle.net/PuWWS/7/

jquery ui datepicker添加自定义列

1 个答案: