如何在日期选择器中显示上月、下月名称而非仅<,>箭头？

当然可以实现啦！不管是你当前用的jQuery UI Datepicker，还是Bootstrap Datepicker这类其他插件，都能轻松把切换箭头换成「上月」「下月」这样的文字按钮，下面给你两种方案参考：

其实jQuery UI Datepicker本身就自带了自定义导航按钮文本的功能，完全不用改源码或者复杂的样式，只需要在初始化时添加两个配置参数就行。

把你现有的代码改成这样：

$(function() {
  $("#datepicker").datepicker({
    prevText: "上月", // 把左箭头替换成「上月」
    nextText: "下月"  // 把右箭头替换成「下月」
  });
});

如果觉得默认的按钮样式不够好看，还可以通过CSS调整.ui-datepicker-prev和.ui-datepicker-next这两个类的样式，比如去掉默认的箭头图标、调整按钮的内边距和字体样式，让它更符合你的页面风格。

如果你不局限于jQuery UI的插件，Bootstrap Datepicker也是个不错的选择，它的样式和Bootstrap框架更适配，而且自定义导航文本的配置同样简单。

初始化时只需要指定prevText和nextText参数即可：

$(function() {
  $("#datepicker").datepicker({
    prevText: "上月",
    nextText: "下月"
  });
});

要是需要给按钮加更复杂的HTML结构（比如加个图标+文字），还可以直接在参数里写HTML标签，比如：

prevText: '<i class="icon-chevron-left"></i> 上月'

内容的提问来源于stack exchange，提问作者Mrug