Показывать текст «цена» на дату, используя JQuery-UI Datepicker?

Question

Надеюсь, кто-нибудь может мне помочь ...

Я использую JQuery-UI Datepicker для отображения календаря бронирования.У меня уже успех для показа даты с другим цветом даты.Но мне нужно показывать цену моего бронирования на каждую дату в jquery-ui datepicker.Как мне это сделать?есть ли пример?Это мой код:

function checkAvailability(mydate){
    if (jResult==null)
    {
        return [true,"ui-state-notbooked"];
    }
    else
    {
        var $return=true;
        var $returnclass ="ui-state-notbooked";
        $checkdate = $.datepicker.formatDate('yy-mm-dd', mydate);
        $.each(jResult, function(key, val){     
            var date1 = $checkdate.split("-");
            var date2 = key.split("-");
            if(date1[1]==date2[1] && date1[2]==date2[2])
            {
                switch (val)
                {
                  case "red": 
                    $returnclass= "preBookedRed_class";
                    break;
                  case "blue": 
                    $returnclass= "preBookedBlue_class";
                    break;
                  case "yellow": 
                    $returnclass= "preBookedYellow_class";
                    break;
                  default: 
                    $returnclass= "preBooked_class";
                }               
            }           
        });
        return [$return,$returnclass];
    }
}

Этот вызов функции перед beforeShowDay в DatePicker.Этот код только для отображения другого цвета в DatePicker.

Answer 1

Не зная, какую версию вы используете, я основываю это на версии github https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.datepicker.js строка 1560 в функции _generateHTML ():

'" href="#">' + printDate.getDate() + '</a>')) + '</td>';

Добавление цены должно быть простым, просто добавьте дополнительную наценку:

'" href="#">' + printDate.getDate() + '</a>')) + '<span class="booking-price">$0.00</span></td>';

Я бы рекомендовал расширить указатель даты и создать свой собственный, чтобы обновления не мешали настройкам. Хорошую статью можно найти здесь: http://bililite.com/blog/extending-jquery-ui-widgets/

Удачи!