Désactiver certaines dates de html5 datepicker

Est-il possible de désactiver les dates quand je l'utilise

Je veux désactiver la date actuelle d'un scénario et de l'avenir des dates pour d'autres scénario.
Comment dois-je désactiver les dates?

source d'informationauteur Seeya K

  1. 35

    Vous pouvez ajouter un min ou max l'attribut type d'entrée=date. La date doit être au format ISO (aaaa-mm-jj). C'est pris en charge dans de nombreux navigateurs mobiles et les dernières versions de Chrome, bien que les utilisateurs peuvent entrer manuellement une date non valide sans l'aide de la datepicker.

    <input name="somedate" type="date" min="2013-12-25">

    La min et max attributs doit être une date complète; il n'y a aucun moyen de spécifier "aujourd'hui" ou "+0". Pour ce faire, vous aurez besoin d'utiliser JavaScript ou un langage côté serveur:

    var today = new Date().toISOString().split('T')[0];
document.getElementsByName("somedate")[0].setAttribute('min', today);

    http://jsfiddle.net/mblase75/kz7d2/

    Décision seulement aujourd'hui, tout en permettant le passé ou l'avenir des dates, n'est pas une option ici. Cependant, si vous vouliez dire que vous voulez que demain soit la min date (masquage d'aujourd'hui et toutes les dernières dates de), voir cette question pour incrémenter today en un jour.

    Comme dans tous les autres cas impliquant des formulaires HTML, vous devez toujours valider le champ à côté serveur, indépendamment de la façon dont vous contraindre ce côté client.

  2. 3

    HTML datepicker (<input type=date>) prend en charge min/max attribut, mais il est pas largement pris en charge.

    En attendant, vous pouvez envisager d'utiliser bootstrap-datepickerv1.2.0 est sur github.

    Références:

    Spec W3C

  3. 0

    Vous pouvez l'utiliser pour désactiver les futures dates :

    À l'intérieur de vous document.ready fonction, lieu

    //Display Only Date till today //

var dtToday = new Date();
var month = dtToday.getMonth() + 1;     //getMonth() is zero-based
var day = dtToday.getDate();
var year = dtToday.getFullYear();
if(month < 10)
   month = '0' + month.toString();
if(day < 10)
   day = '0' + day.toString();

var maxDate = year + '-' + month + '-' + day;
$('#dateID').attr('max', maxDate);

    et en forme

    <input id="dateID" type="date"/>

    Ici est le travail jFiddle Démo