Valider la Date d'Entrée à partir d'une zone de texte à l'Encontre de Datepicker DateRange

Hi ont un textbox datepicker. L'utilisateur peut sélectionner la date de datepicker ou entrez la date manuellement en tapant sur la zone de texte. Si la date est tapé à la machine, comment puis-je valider l'entrée est dans la plage de dates de mon sélecteur de date? S'il vous plaît aider. Par exemple, mon sélecteur de date max de l'année est seulement en 1995 de sorte que l'utilisateur n'est pas autorisé à la date d'entrée tels que 01/25/1996.

HTML

Date of Birth (MM/DD/YYYY):
<input type="text" class="datepicker minimumSize" 
name="BirthDate" id="BirthDate"/>

JavaScript

var d = new Date();
var year = d.getFullYear() - 18;
d.setFullYear(year);
$('#BirthDate').datepicker({
    changeYear: true,
    changeMonth: true,
    yearRange: '1920:' + year + '',
    defaultDate: d});

$('#BirthDate').blur(function(){
//Validate input
});

JSfiddle
http://jsfiddle.net/jobzky/wUpQG/

OriginalL'auteur Jobert Enamno | 2013-03-20

  1. 5

    Ce lien a été utile pour moi, quand j'ai fait face à des problèmes de validation avec datepicker.

    http://keith-wood.name/uiDatepickerValidation.html

    merci beaucoup!

    OriginalL'auteur Sharun

  2. 2

    Cela fonctionne parfaitement pour moi.

    Premier u ont pour valider la date de la syntaxe. Supposons que la date est une date valide. Alors, u peut le faire.

      var from_date_monthfield = valid_from.split("/")[1];
  var from_date_dayfield = valid_from.split("/")[0];
  var from_date_yearfield = valid_from.split("/")[2];

    //Au-dessus de fractionnement dépend de votre format de date

      var from_date = new Date(from_date_yearfield, from_date_monthfield-1, from_date_dayfield);

  var cur_date = new Date();
  if(!(from_date > cur_date.setDate(cur_date.getDate() - 1))) //set date as 1995 here and your logic here
  { 
    return false;
  }

  return true;
}

    OriginalL'auteur Maleen Abewardana

  3. 2

    Vous pouvez utiliser l'entrée de l'élément de readonly attribut afin d'empêcher un utilisateur de saisir une date par exemple

    <input type="text" class="datepicker minimumSize" 
name="BirthDate" id="BirthDate" readonly/>
    Salut merci pour le partage mais ce n'est pas le comportement de mon application. L'utilisateur est autorisé à entrer la date manuellement en tapant entrée de la zone de texte. Si readonly utilisateur ne peut pas saisir plus
    Cela pourrait être un problème avec la facilité d'utilisation. Certains utilisateurs seraient plutôt de type de leurs dates d'utiliser un calendrier datepicker.

    OriginalL'auteur tamilmani