it-swarm.com.ru

Отключить будущие даты после сегодняшнего дня в Jquery Ui Datepicker

Я хочу отключить все будущие даты после сегодняшнего дня в Jquery Ui Datepicker

Вот Демо :

Код: 

$( "#start_date" ).datepicker(

        { 
            maxDate: '0', 
            beforeShow : function()
            {
                jQuery( this ).datepicker('option','maxDate', jQuery('#end_date').val() );
            },
            altFormat: "dd/mm/yy", 
            dateFormat: 'dd/mm/yy'

        }

);

$( "#end_date" ).datepicker( 

        {
            maxDate: '0', 
            beforeShow : function()
            {
                jQuery( this ).datepicker('option','minDate', jQuery('#start_date').val() );
            } , 
            altFormat: "dd/mm/yy", 
            dateFormat: 'dd/mm/yy'

        }

);
24
Hassan Sardar

Попробуй это

 $(function() {
  $( "#datepicker" ).datepicker({  maxDate: new Date() });
 });

Или вы можете добиться этого, используя как показано ниже:

$(function() {
  $( "#datepicker" ).datepicker({  maxDate: 0 });
});

Ссылка

DEMO

ОБНОВЛЕННЫЙ ОТВЕТ

72
Amit

В моем случае я дал этот атрибут тегу ввода

data-date-start-date="0d" data-date-end-date="0d"

4
Megamind

Вы можете просто сделать это 

$(function() {
    $( "#datepicker" ).datepicker({  maxDate: new Date });
  });

JSFiddle

К вашему сведению: при проверке документации , обнаружил, что он также принимает числовые значения тоже.

Number: количество дней с сегодняшнего дня. Например 2 представляет два дня с сегодняшнего дня и -1 представляет вчера.

так 0 представляет сегодня. Поэтому вы можете сделать это тоже

 $( "#datepicker" ).datepicker({  maxDate: 0 });
3
Praveen

Это сработало для меня endDate: "today"

  $('#datepicker').datepicker({
        format: "dd/mm/yyyy",
        autoclose: true,
        orientation: "top",
        endDate: "today"

  });

ИСТОЧНИК

2
Dnyaneshwar Harer

Изменить maxDate на текущую дату

maxDate: new Date()

Это установит текущую дату как максимальное значение.

2
Mohit Pandey

Если вы добавляете Dtpicker, используйте следующий код

$('#enddate').appendDtpicker({
    "dateOnly": true,
    "dateFormat": "YYYY-MM-DD",
    "closeOnSelected": true,
    maxDate: new Date()         
});
1
burningEye

datePicker не имеет maxDate в качестве опции. Я использовал эту опцию endDate. Это сработало хорошо.

> $('.demo-calendar-default').datepicker({
>                 autoHide: true,
>                 zIndex: 2048,
>                 format: 'dd/mm/yyyy',
>                 endDate: new Date()
>             });
0
megha mohan