すでにかなり複雑になっている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ですが、日付の上にカーソルを合わせると、日付ではなく価格が表示されます...
ありがとう