Question

如何在jQuery DatePicker中隐藏 prev / today / next 导航？

我很满意月份和年份下拉框。

另外如何禁用动画？

@tvanfosson - 我已经尝试了hideIfNoPrevNext，但只有在没有超过两个月的日期范围时才有效。

持续时间选项可以解决动画问题。

干杯。

Answer 1

您可以在http://docs.jquery.com/UI/Datepicker/datepicker#options找到DatePicker控件的选项。具体来说，我认为你想将hideIfNoPrevNext设置为true并将持续时间设置为''。

  $('#cal').datepicker( { hideIfNoPrevNext: true, duration: '' } );

Answer 2

只需隐藏按钮

$("div.ui-datepicker-header a.ui-datepicker-prev,div.ui-datepicker-header a.ui-datepicker-next").hide();

Answer 3

我也使用DatePicker的默认功能来解决这个问题。我错过了jquery.ui.base.css的链接。在我的页面上包含对此文件的引用后，它就像一个魅力。我没有调整任何CSS或没有设置任何属性。据透露。

Answer 4

只需修改样式即可显示无。

div.ui-datepicker-header 
a.ui-datepicker-prev,div.ui-datepicker-header 
a.ui-datepicker-next
{
    display: none;  
}

Answer 5

您可以通过css隐藏上一个/下一个导航。您可以在主题http://marcgrabanski.com/pages/code/jquery-ui-datepicker

中看到这样做的示例

Answer 6

我知道这已经过时了，但我找到了另一种方法。我用过这个。

.focus(function () {
    $(".ui-datepicker-next").hide();
    $(".ui-datepicker-prev").hide();
});

你可以这样做..

$('#TextDateId').datepicker({
        dateFormat: "MM dd yyyy",
        changeMonth: true,
    }).focus(function () {
        $(".ui-datepicker-next").hide();
        $(".ui-datepicker-prev").hide();
    });

Answer 7

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

.datepicker().focus(function () {
    $(".ui-datepicker-next").hide();
    $(".ui-datepicker-prev").hide();
});

Answer 8

使用此代码，它肯定适用于停止导航next或prev按钮..

$("#cal").datepicker({
stepMonths: 0
)};

如何在jQuery DatePicker中隐藏下一个/今天/上一个导航并关闭动画？

8 个答案: