1

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

请注意,刷新(单击一天,获取警报)会清除添加的列。我正在单独看那个。

谢谢,迈克

4

1 回答 1

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);

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

于 2013-04-26T14:20:19.610 回答