自定義的HTML和下拉列表 - jQuery UI Datepicker

Question

我想擴展樣式和jQuery UI Datepicker的某些功能，但在修改生成的html時遇到問題。

具體而言，我試圖在雙日曆視圖的頂部設置一個集中式的年月套餐下拉菜單。我希望將默認的「下一個」和「後退」箭頭放置在集中式下拉列表的任一側。

這就是我想要達到的圖像：

我需要做的這是我的2月，查看日曆在每個日曆日期選擇器有一個月冠軍的原因：

我希望能夠將箭頭移到中央月/年下拉列表的任一側，但我無法弄清楚如何創建。根據我的理解，我認爲我需要擴展jquery Ui Datepicker插件，但我不知道從哪裏開始那樣做。

任何幫助，將不勝感激。

Answer 1

就日曆的樣式而言，您必須爲特定的css類重寫jquery.ui.css並使用相同的類名寫入自己的CSS。

對於Month和Year按鈕，您可以爲此創建自己的控件，並在點擊這些控件時啓用jQuery datepicker。理想情況下，jQuery Datepicker只是一個可以從文本框或按鈕啓用的控件。所以，你的源代碼的樣子並不重要。所有你需要做的是從你的自定義控件/按鈕啓用datepicker。