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 ...
感謝