如何隐藏jquery datepicker prev / next text

Question

Here is code

您可以看到按钮和prev，next重叠

如何隐藏prev，next文字？

Answer 1

DEMO

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    color: transparent;
}

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

中所示

Answer 2

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

您可以通过将css font-size设置为0来隐藏字体。

Demo

Answer 3

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

$('.week-picker').datepicker({
   /* ... your existing intialization code ... */
   nextText: '',
   prevText: '',
   /* ... */
});

或者，在无法访问代码初始化的情况下，可以在初始化后更改文本：

$('.week-picker').datepicker('option', 'nextText', '');
$('.week-picker').datepicker('option', 'prevText', '');

我更喜欢这种方法，而不是像一个答案中建议的那样将颜色设置为transparent，因为用户仍然可以选择透明的字符串。我也比隐藏另一个答案所建议的整个.ui-datepicker-next/prev元素更好，因为那样也可以隐藏图像，而不仅是文本。

Answer 4

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

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

这里是codepen