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文件中，只要在加载插件后调用它即可。

让我为你分解一下：

阅读整个代码中的评论

<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>

如何在jQuery DatePicker（Wordpress）中禁用今天的日期

1 个答案: