0

我有一个 jquery datepicker，它已经变得相当复杂，但我想在某些日期的 td 中添加另一个属性

我已经根据数组中的一组日期（根据选择菜单中的选项创建）将某些日期显示为绿色，但我还想向这些日期添加带有其他信息的属性。

这是我到目前为止的代码（包括我想添加的价格数组）：

$('.propertyAvailabilityCal').datepicker({
beforeShow: function(input, inst) {
    startDates = [];
    startPrice = [];
    selectdatesElem = $(input).siblings("select.startdates");
    $(input).siblings("select.startdates").find("option").each( function() {
          var startdateParts = $(this).val().split(', ');
              startDates.push(startdateParts[0] + ", " + (parseInt(startdateParts[1], 10)-1) + ", " + parseInt(startdateParts[2], 10));
    });
    $(input).siblings("select.startprice").find("option").each( function() {
          startPrice.push($(this).val());
    });


},
beforeShowDay: function(date) {

    for (i = 0; i < startDates.length; i++) {
          if (date.getFullYear()+", "+date.getMonth()+", "+date.getDate() == startDates[i]) {
                return [true, 'eventDay', date];
          }
    }

    return [false, ''];
}
});

和：

<select class="startPrice">
    <option value="274.95"></option>
    <option value="274.95"></option>
    <option value="274.95"></option>
    <option value="274.95"></option>
    <option value="274.95"></option>
</select>
<select class="startdates">
    <option value="2013, 06, 28"></option>
    <option value="2013, 07, 01"></option>
    <option value="2013, 07, 08"></option>
    <option value="2013, 07, 11"></option>
    <option value="2013, 07, 18"></option>
</select>

我希望能够将价格作为属性添加到该日期。这甚至可能吗？如果可以，有人知道怎么做吗？

这是一个 jsfiddle，用于显示我想要实现的目标，但是当您将鼠标悬停在某个日期上时，显示的是价格而不是日期...

http://jsfiddle.net/9tapA/

谢谢

4

1 回答 1

1

尝试这个

小提琴

顺便说一句，$(input).siblings("select.startPrice")。记住 CSS 选择器区分大小写

于 2013-06-27T15:27:09.290 回答