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到restriict在日期選擇器的日期爲0，但在我的應用程序的日期之前，今天仍然可以選擇我不知道這是爲什麼？

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

在你的代碼中，這是不是意味着datepicker只有在你的ajax調用被初始化時才被初始化？我不確定這是否會奏效。嘗試在$.post();之外移動datepicker()初始化。

$(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 
});