如何隐藏jquery日期选择器上一个/下一个文本

您可以看到按钮和

prev

，

next

重叠

如何隐藏上一个，

下一个

文本

您可以使用css隐藏下一个和上一个按钮，如演示中所示

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    font-size: 0;
}

您可以通过将css

字体大小设置为
0
来隐藏字体

这里有一个隐藏/显示上一次/下一次导航的功能

$(function () {
    $('#datepicker').datepicker().focus(function () {
        $(".ui-datepicker-next").show();
        $(".ui-datepicker-prev").show();
    });
});

最直接的方法是将文本设置为空字符串。在您的代码中，日期选择器是在Javascript/JQuery中初始化的，您可以如下修改初始化：

$（'.week picker'）.datepicker({
/*…您现有的初始化代码*/
下一个文本：“”，
上一个文本：“”，
/* ... */
});

或者，如果无法在代码中访问初始化，则可以在初始化后更改文本：

$（'.week picker'）.datepicker（'option'，'nextText'，''）；
$（'.week picker'）.datepicker（'option'，'prevText'，''）；

与一个答案中建议的将颜色设置为透明相比，我更喜欢这种方法，因为用户仍然可以选择透明字符串。与另一个答案所建议的隐藏整个
.ui datepicker next/prev
元素相比，我更喜欢它，因为这将隐藏图像，而不仅仅是文本。
可能的重复
$(function () {
    $('#datepicker').datepicker().focus(function () {
        $(".ui-datepicker-next").show();
        $(".ui-datepicker-prev").show();
    });
});