2015-07-21 4 views
0

Hiii ..Отключить конкретную дату с DatePicker в PHP

Моя концепция агент хочет добавить дату из бэкэнда, которая из (6/07/2015) до до (20/07/2015) эти даты будут хранить в базе данных. если агент хочет отключить 2 дня (например, 12/07/15 и 14/07/2015), то как показать эти даты отключить в datepicker на fron end. Потому что у этих двухдневных агентов нет продукта. Вот почему агент хочет, чтобы эти два дня были отключены, а оставшийся день с 6 по 20 должен быть включен.

Пожалуйста, у любого органа есть какие-либо идеи, пожалуйста, помогите мне. Спасибо !!!

+2

, пожалуйста, поделитесь соответствующим кодом, чтобы мы могли лучше помочь вам. –

+0

Вы можете использовать 'beforeShowDay' для отключения даты. См. [Отключить диапазон дат] (http://stackoverflow.com/questions/24487115/disable-enable-selected-date-range-on-jquery-datepicker-ui) –

+0

Улучшите формат вопроса. –

ответ

0

Bootstrap DatePicker:

В загрузчике DatePicker вы можете использовать метод:

datesDisabled

Строка, Массив. По умолчанию: []

Массива дат строк или одной строки даты отформатирована в данном формате дата

, например:

$('#sandbox-container input').datepicker({ 
    datesDisabled: ['07/06/2015', '07/21/2015'] 
}); 

Jquery DatePicker UI

В этом использует beforeShowDay способ

var unavailableDates = ["9-5-2011","14-5-2011","15-5-2011"]; 
function unavailable(date) { 
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); 
    if ($.inArray(dmy, unavailableDates) < 0) { 
    return [true,"","Book Now"]; 
    } else { 
    return [false,"","Booked Out"]; 
    } 
} 

$('#iDate').datepicker({ beforeShowDay: unavailable }); 

refernce for JQUERY datepicker UI

1

см this ссылки. это рабочий пример с jquery datepicker.

См. Ниже код.

var unavailableDates = ["9-3-2012", "14-3-2012", "15-3-2012"]; 

function unavailable(date) { 
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); 
    if ($.inArray(dmy, unavailableDates) == -1) { 
     return [true, ""]; 
    } else { 
     return [false, "", "Unavailable"]; 
    } 
} 

$(function() { 
    $("#iDate").datepicker({ 
     defaultDate: new Date("3-1-2012"), 
     dateFormat: 'dd MM yy', 
     beforeShowDay: unavailable 
    }); 

}); 
Смежные вопросы