如何在 datepicker 中将 next 和 prev 替换为 < 和 >答案

【问题标题】：how to replace next and prev to < and > in datepicker如何在 datepicker 中将 next 和 prev 替换为 < 和 >
【发布时间】：2016-04-06 09:43:49
【问题描述】：

我想用这个值更改上一个和下一个按钮。我在检查元素中看到 span 类 ui-icon ui-icon-circle-triangle-w 并且值为 Prev。但我不知道在哪里改变以及如何改变它。我尝试过关注但没有工作。

    <style>
     .ui-datepicker .ui-datepicker-prev .ui-icon{
            background: url("../../../Documents/ic_navigate_next_48px-128.png") ;
}

        .ui-datepicker .ui-datepicker-next .ui-icon{
            background: url("../../../Documents/ic_navigate_next_48px-128.png") ;
            right: 2px;
        }    
    </style>

【问题讨论】：

在自定义 ID 或类中包含您的日期选择器，然后更改 .ui-icon 类的背景：#my-calendar-id .ui-datepicker-next .ui-icon {background:url ('my_image'); }
抱歉上传代码出错。

标签： php jquery datepicker

【解决方案1】：

为您的日期选择器元素提供您自己的类或 ID。并通过覆盖 datepicker 对话框的默认 CSS 来更改下一个和上一个按钮。

<style>
     .yourClass.ui-datepicker .ui-datepicker-prev .ui-icon{
          /* Your code here */     
      }

      /* OR */

      #yourID.ui-datepicker .ui-datepicker-prev .ui-icon{
          /* Your code here */     
      }
</style>

【讨论】：

我认为您没有添加 jquery UI css，因为它默认在对话框中显示箭头。 jqueryui.com/datepicker

【解决方案2】：

<style>
 .ui-datepicker .ui-datepicker-prev .ui-icon { background-image:none !important; }

 .ui-datepicker .ui-datepicker-next .ui-icon { background-image:none !important; } 

 .ui-datepicker .ui-datepicker-prev .ui-icon:before { content:"<"; }

 .ui-datepicker .ui-datepicker-next .ui-icon:before { content:">"; }       
</style>

【讨论】：