JQuery Datepicker minDate

Question

$.post('/scheduler/create', { 
    name: $("#new_schedule_name").val(), 
    start_time: $("#new_schedule_time_start").val(), 
    end_time: $("#new_schedule_time_end").val(), 
    start_date: $("#new_schedule_date_start").datepicker({ minDate: 0, dateFormat: 'dd-mm-yy' }).val(),
    end_date: $("#new_schedule_date_end").datepicker({ minDate: 0, dateFormat: 'dd-mm-yy' }).val(),
    playlist: $("#playlists").val(),
    venue: $("#venue").val()
},

您好，我正在尝试通过将 minDate 设置为 0 来限制 datePicker 上的日期，但在我的应用中仍然可以选择今天之前的日期我不知道这是为什么？

Answer 1

在您的代码中，这是否意味着 datepicker 仅在您进行 ajax 调用时才被初始化？我不确定这是否可行。尝试将 datepicker() 初始化移到 $.post(); 之外。

$(document).ready(function() {
    //... rest of your code

    $("#new_schedule_date_start").datepicker({ minDate: '0D', dateFormat: 'dd-mm-yy' });
    $("#new_schedule_date_end").datepicker({ minDate: '0D', dateFormat: 'dd-mm-yy' });

    $.post('/scheduler/create', { 
        name: $("#new_schedule_name").val(), 
        start_time: $("#new_schedule_time_start").val(), 
        end_time: $("#new_schedule_time_end").val(), 
        start_date: $("#new_schedule_date_start").val(),
        end_date: $("#new_schedule_date_end").val(),
        playlist: $("#playlists").val(),
        venue: $("#venue").val()
    },

    //... rest of your code
});

Answer 2

您必须在 minDate 字段中设置一个 Date 对象。试试这个：

$.post('/scheduler/create', { 
    name: $("#new_schedule_name").val(), 
    start_time: $("#new_schedule_time_start").val(), 
    end_time: $("#new_schedule_time_end").val(), 
    start_date: $("#new_schedule_date_start").datepicker({ minDate: new Date(), dateFormat: 'dd-mm-yy' }).val(),
    end_date: $("#new_schedule_date_end").datepicker({ minDate: new Date(), dateFormat: 'dd-mm-yy' }).val(),
    playlist: $("#playlists").val(),
    venue: $("#venue").val()
},

它将在今天前几天禁用。