web-dev-qa-db-fra.com

Désactiver les dates futures dans jQuery UI Datepicker

Est-il possible de désactiver la date future à partir d'aujourd'hui?

Disons qu'aujourd'hui est le 23/10/2010, donc les 24/10/2010 et plus sont désactivés.

Désolé, je suis très nouveau dans jQuery et JavaScript.

62
cicakman

Oui en effet. Datepicker a la propriété maxdate que vous pouvez définir lors de son initialisation.

Voici le code

$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
110
Cyril Gupta
$(function() { $("#datepicker").datepicker({  maxDate: '0'}); });
35
ArK

Date pour le futur 1 année peut être fait par

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

vous pouvez aussi changer le format de la date avec le paramètre dateFormat 

3
Abdul Rehman

Code pour date future uniquement avec désactiver la date du jour.

 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',''); 
3
JAY

vous pouvez utiliser ce qui suit.

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

Oui, datepicker prend en charge la propriété max date. 

 $("#datepickeraddcustomer").datepicker({  
             dateFormat: "yy-mm-dd",  
             maxDate: new Date()  
        });
1
Gaurav Malik

Essaye ça:

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

Cela désactivera la date future.

0
pankaj jain

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

utilisez des sélecteurs de date zébrés:

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

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