【问题标题】:jQuery UI Datepicker - Disable current date but NOT the highlightjQuery UI Datepicker - 禁用当前日期但不是突出显示
【发布时间】:2013-04-10 03:58:07
【问题描述】:

我有以下代码通过将 minDate 设置为当前日期 + 1 来禁用当前日期:

    var today = new Date();
    var tomorrow = new Date();
    tomorrow.setDate(today.getDate() + 1);

        $("#minDate").datepicker({
            showOn: "none",
            minDate: tomorrow,
            dateFormat: "DD dd-mm-yy",
            onSelect: function(dateText) {
                minDateChange;
            },
            inputOffsetX: 5,
        });

问题是我想禁用当前日期,但仍然在日历中保持突出显示(日期周围的蓝色边框)。

是否有使用日期选择器的本地方法来执行此操作,还是我必须自己创建一个突出显示脚本?

【问题讨论】:

  • 突出显示的日期不是默认选择的吗?如果是这样,则不能同时选择它并超出定义的范围。
  • 首先,通过 minDate: "+1D" 禁用当前日期,然后将其样式覆盖为:.ui-datepicker-today span{background: #036!important;其他东西......}你需要的任何东西。

标签: javascript jquery user-interface datepicker


【解决方案1】:

您不需要将今天和明天设置为变量。只需设置minDate: 1

【讨论】:

  • 这是一个有趣的评论,但没有回答如何在突出显示当前日期的同时禁用当前日期。
【解决方案2】:

日期选择器在今天有一个名为“ui-datepicker-today”的类,所以我只是添加了一个类:

$(".ui-datepicker-today span").addClass("ui-state-hover")

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多