jquery ui datepicker修改ui风格主题

主题化

日期选择器部件（Datepicker Widget）使用 jQuery UI CSS 框架 来定义它的外观和感观的样式。如果需要使用日期选择器指定的样式，则可以使用下面的 CSS class 名称：

• de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepickerde>：日期选择器的外层容器。如果日期选择器是内联的，该元素会另外带有一个 de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-inlinede> class。如果设置了 de style="border: 0px; margin: 0px; padding: 0px;" >isRTLde> 选项，该元素会另外带有一个 de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-rtlde> class。
  • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-headerde>：日期选择器的头部容器。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-prevde>：用于选择上一月的控件。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-nextde>：用于选择下一月的控件。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-titlede>：日期选择器包含月和年的标题容器。
      • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-monthde>：月的文本显示，如果设置了 de style="border: 0px; margin: 0px; padding: 0px;" >changeMonthde> 选项则显示 de style="border: 0px; margin: 0px; padding: 0px;" >de> 元素。
        de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-yearde>：年的文本显示，如果设置了 de style="border: 0px; margin: 0px; padding: 0px;" >changeYearde> 选项则显示 de style="border: 0px; margin: 0px; padding: 0px;" >
        de> 元素。
  • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-calendarde>：包含日历的表格。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-week-endde>：周末的单元格。: Cells containing weekend days.
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-other-monthde>：发生在某月但不是当前月天数的单元格。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-unselectablede>：用户不可选择的单元格。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-current-dayde>：已选中日期的单元格。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-todayde>：当天日期的单元格。
  • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-buttonpanede>：当设置 de style="border: 0px; margin: 0px; padding: 0px;" >showButtonPanelde> 选项时使用按钮面板（buttonpane）。
    • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-currentde>：用于选择当天日期的按钮。

如果 de style="border: 0px; margin: 0px; padding: 0px;" >numberOfMonthsde> 选项用于显示多个月份，则使用一些额外的 class：

• de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-multide>：一个多月份日期选择器的最外层容器。该元素会根据要显示的月份个数另外带有 de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-multi-2de>、de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-multi-3de> 或 de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-multi-4de> class 名称。
  • de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-groupde>：分组内单独的选择器。该元素会根据它在分组中的位置另外带有 de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-group-firstde>、de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-group-middlede> 或 de style="border: 0px; margin: 0px; padding: 0px;" >ui-datepicker-group-lastde> class 名称。