使用JQuery-UI Datepicker在日期顯示「價格」文本？

我希望有人能幫助我...使用JQuery-UI Datepicker在日期顯示「價格」文本？

我使用JQuery-UI Datepicker來顯示我的預訂日曆。我已經成功使用不同的日期顏色顯示日期選擇器。但我需要在jquery-ui datepicker的每個日期顯示我的預訂價格。我該怎麼做？有沒有例子？這是我的代碼：在DatePicker的在beforeShowDay

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]; 
    } 
}

此函數調用。此代碼僅用於在datepicker中顯示不同的顏色。

來源

2011-12-13 user435838

不知道你正在使用，我在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/

祝你好運！

來源

2011-12-13 03:20:29 Scottux

使用JQuery-UI Datepicker在日期顯示「價格」文本？

回答

相關問題