jQuery UI 日期选择器 dayNames 选项

在使用 jQuery UI 日期选择器时，我们可以使用 dayNames 选项来定制日期选择器的星期几显示文本。

语法

$( ".selector" ).datepicker({
  dayNames: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]
});

参数

dayNames 选项需要一个包含星期几名称的数组。默认情况下，该选项的值为：

[ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]

你可以根据自己的需求来定制这个数组，例如改写为中文星期几名称：

[ "周日", "周一", "周二", "周三", "周四", "周五", "周六" ]

当然，你也可以只修改其中一些值。

注意事项

dayNames 数组的长度必须为 7。如果你设置了不是 7 个元素的数组，日期选择器将无法正常工作。

示例

下面是一个示例，它使用实际中常见的英文简称来表示星期几：

$( "#datepicker" ).datepicker({
  dayNames: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ]
});

效果如下图所示：

参考链接

• jQuery UI DatePicker - dayNames Option