主题化
日期选择器部件(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;" ><select>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;" ><select>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 名称。