jquery ui datepicker添加自定义列

时间:2013-04-26 14:11:12

标签: jquery jquery-ui jquery-ui-datepicker

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

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

谢谢,迈克

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

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