5

如何在 jQuery DatePicker 中隐藏上一个/今天/下一个导航？

我对月份和年份下拉框感到满意。

另外如何禁用动画？

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

持续时间选项在关闭动画方面起到了作用。

干杯。

4

7 回答 7

10

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

  $('#cal').datepicker( { hideIfNoPrevNext: true, duration: '' } );
于 2008-11-25T02:12:48.133 回答
6

只需隐藏按钮

$("div.ui-datepicker-header a.ui-datepicker-prev,div.ui-datepicker-header a.ui-datepicker-next").hide();
于 2009-06-24T11:18:40.930 回答
3

只需修改样式以显示无。 

div.ui-datepicker-header 
a.ui-datepicker-prev,div.ui-datepicker-header 
a.ui-datepicker-next
{
    display: none;  
}
于 2013-03-06T19:11:15.020 回答
2

我也遇到过 DatePicker 的默认功能的这个问题。我错过了 jquery.ui.base.css 的链接。在我的页面上包含对此文件的引用后，它就像一个魅力。我不必调整任何 CSS，也不必设置任何属性。供参考。

于 2010-11-30T00:05:39.147 回答
1

我知道这很旧，但我找到了另一种方法来做到这一点。我用过这个。

.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();
    });
于 2018-01-05T10:40:38.973 回答
0

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

.datepicker().focus(function () {
    $(".ui-datepicker-next").hide();
    $(".ui-datepicker-prev").hide();
});
于 2020-04-29T04:39:06.377 回答
-1

使用此代码，它肯定适用于停止导航下一个或上一个按钮..

$("#cal").datepicker({
stepMonths: 0
)};
于 2016-11-14T04:55:18.617 回答