類jQuery UI的日期選擇器按鈕

Question

我對jQuery UI的日期選擇器下面的代碼：

$(function() { 
     $(".date").datepicker({ 
      showOn: 'button', 
      buttonText: "Choose Date", 
      dateFormat: 'yy-mm-dd' 
     }); 
    }); 

它創建文本框側面的按鈕，以便人們可以通過點擊該框，然後選擇一個日期。是否可以將類應用於所創建的按鈕，以便我可以對其應用CSS樣式？

Answer 1

您無法通過選擇添加一個額外的類，但它確實有一個類：ui-datepicker-trigger，所以如果你只是風格直接或作爲可識別的容器它會工作的後裔，例如：

.ui-datepicker-trigger { color: red; } 
//or... 
.myContainer .ui-datepicker-trigger { color: red; } 

或者添加不同類的按鈕創建日期選擇器（用來創建按鈕）後，手動：

$(function() { 
    $(".date").datepicker({ 
     showOn: 'button', 
     buttonText: "Choose Date", 
     dateFormat: 'yy-mm-dd' 
    }).next(".ui-datepicker-trigger").addClass("someClass"); 
}); 

Answer 2

使之成爲一個jQuery UI按鈕既然你已經有了框架加載;）

http://www.robertmullaney.com/2011/08/26/make-jquery-datepicker-use-ui-button/

免責聲明：我的博客