Отключить будущие даты в jQuery UI Datepicker

Можно ли отключить будущую дату с сегодняшнего дня?

Допустим, сегодня 23.10.2010, поэтому 24.10.2010 и далее отключены.

Извините, я очень новичок в jQuery и JavaScript.


person cicakman    schedule 23.10.2010    source источник


Ответы (8)


Да, в самом деле. Средство выбора даты имеет свойство maxdate, которое вы можете установить при его инициализации.

Вот кодез

$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
person Cyril Gupta    schedule 23.10.2010
comment
Помните, что при настройке объекта Date javascript используйте месяц-1. Итак, январь — 0, а декабрь — 11. Это просто вылетело из головы на несколько минут. - person mawburn; 22.08.2013

Попробуй это:

$('#datepicker').datepicker({
    endDate: new Date()
});

Это отключит будущую дату.

person pankaj jain    schedule 17.07.2017
comment
endDate работает, maxDate у меня не работает, спасибо @pankaj - person bdalina; 20.03.2019

Код для будущей даты только с отключенной сегодняшней датой.

 var d = new Date();
         $("#delivdate").datepicker({
         showOn: "button",
         buttonImage: base_url+"images/cal.png",
         minDate:new Date(d.setDate(d.getDate() + 1)),
         buttonImageOnly: true
        });
         $('.ui-datepicker-trigger').attr('title',''); 
person JAY    schedule 09.11.2012
comment
Добро пожаловать в Stack Overflow! пожалуйста, не пишите слова прописными буквами и жирным шрифтом, если они не очень важны. - person Unni Kris; 09.11.2012

Дату на будущий 1 год можно сделать по

$('.date').datepicker({dateFormat: 'yy-mm-dd', minDate:(0), maxDate:(365)});

вы также можете изменить формат даты с помощью параметра dateFormat

person Abdul Rehman    schedule 28.10.2013
comment
ссылку можно посетить для получения дополнительных параметров datepicker. - person Abdul Rehman; 28.10.2013

вы можете использовать следующее.

$("#selector").datepicker({
    maxDate: 0
});
person Praddyumna Sangvikar    schedule 28.02.2017

http://stefangabos.ro/jquery/zebra-datepicker

используйте средства выбора даты зебры:

$('#select_month1').Zebra_DatePicker({
  direction: false,
  format: 'Y-m-d',
  pair: $('#select_month2')
});

$('#select_month2').Zebra_DatePicker({
  direction: 1, format: 'Y-m-d',
});
person Bharathi    schedule 07.10.2015

Да, средство выбора даты поддерживает свойство max date.

 $("#datepickeraddcustomer").datepicker({  
             dateFormat: "yy-mm-dd",  
             maxDate: new Date()  
        });
person Gaurav Malik    schedule 12.12.2015
comment
Чем ваш ответ отличается от принятого в настоящее время? - person Wtower; 12.12.2015

person    schedule
comment
Мы можем использовать без одинарных кавычек, например: maxDate: 0 - person RajeshKdev; 29.04.2013
comment
красивый. Мне нужно это для даты смерти. Конечный пользователь продолжал предсказывать смерть людей. - person JoshYates1980; 04.11.2015