2013-06-27 40 views
0

我有一個已經變得相當複雜的一個jQuery日期選擇器,但我想在另一個屬性添加到特定日期添加自定義屬性更新與jQuery的日期選擇器

的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/

感謝

回答

1

試試這個

FIDDLE

btw,$(input).siblings("select.startPrice")。記住css選擇器是區分大小寫的

相關問題