Отключить будущие даты в jQuery UI Datepicker - PullRequest
65 голосов
/ 23 октября 2010

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

Допустим, сегодня 23/10/2010, поэтому 24/10/2010 и далее отключены.

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

Ответы [ 9 ]

112 голосов
/ 23 октября 2010

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

Вот кодz

$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
36 голосов
/ 23 октября 2010
$(function() { $("#datepicker").datepicker({  maxDate: '0'}); });
3 голосов
/ 28 октября 2013

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

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

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

3 голосов
/ 09 ноября 2012

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

 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',''); 
2 голосов
/ 17 июля 2017

Попробуйте:

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

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

2 голосов
/ 28 февраля 2017

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

$("#selector").datepicker({
    maxDate: 0
});
1 голос
/ 12 декабря 2015

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

 $("#datepickeraddcustomer").datepicker({  
             dateFormat: "yy-mm-dd",  
             maxDate: new Date()  
        });
0 голосов
/ 20 апреля 2016
$('#thedate,#dateid').datepicker({
     changeMonth:true,
         changeYear:true,
         yearRange:"-100:+0",
         dateFormat:"dd/mm/yy" ,
         maxDate: '0',
     });
});
0 голосов
/ 07 октября 2015

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',
});
...