JQuery日期选择器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

您必须在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()
},

它将在今天前几天禁用。

Answer 2

在您的代码中，这是否意味着只有在进行ajax调用时才会初始化datepicker？我不确定这是否会奏效。尝试将您的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
});