如何在 jQuery DatePicker (Wordpress) 中禁用今天的日期

Question

我目前正在使用一个名为 Flexible Checkout Fields Pro 的插件。我想调整日期选择器上的设置。我们公司为入住酒店和游轮的游客提供订单送货服务。唯一的问题是我们很少在下订单的同一天发货，周末也不发货。我联系了开发人员并获得了本指南以查看： http://www.spiceforms.com/blog/how-to-disable-dates-in-jquery-datepicker-a-short-guide/

这里它给了我“noWeekends”的编码：

$(function() {
    $( "#datepicker" ).datepicker({
        beforeShowDay: $.datepicker.noWeekends
    });
});

我不知道在我的 WordPress 目录中的何处插入此代码，并且我仍然没有任何关于如何在时间选择器上禁用当前日期的信息...任何帮助将不胜感激。

Answer 1

您可以将以下内容粘贴到您的页脚中，它应该可以工作。否则可以去掉<script></script>标签，粘贴到外部JS文件中，只要插件加载后调用即可。

让我为你分解一下：

阅读整个代码中的 cmets

<script>

// First we have to enable the jQuery '$' selector in WP.
(function($) {

/** Days to be disabled as an array */
var disableddates = [];

function DisableSpecificDates(date) {

    // Get the current date values
    var m = date.getMonth(); // Month
    var d = date.getDate(); // Day
    var y = date.getFullYear(); // Year

    // Convert the date in to the mm-dd-yyyy format
    var currentdate = m + '-' + d + '-' + y ;

    // Add the current date to the disableddates array
    disableddates.push(currentdate);

    // We will now check if the date belongs to disableddates array
    for (var i = 0; i < disableddates.length; i++) {

        // Now check if the current date is in disabled dates array.
        if ($.inArray(currentdate, disableddates) != -1 ) {
            return [false];
        }
    }

    // In case the date is not present in disabled array, we will now check if it is a weekend.
    // We will use the noWeekends function
    var weekenddate = $.datepicker.noWeekends(date);
    return weekenddate;

}

// Initialize the datepicker function and call the 'DisableSpecificDates' as the 'beforeShowDay' callback.
$( "#datepicker" ).datepicker({
    beforeShowDay: DisableSpecificDates
});

})(jQuery); // Close out WP jQuery.
</script>