Javascript Girl
  1. Javascript Girl
  3. Jquery ui datepicker range entre deux dates
Intereting Posts
Pouvez-vous combiner plusieurs images en une seule en utilisant JavaScript? Remplacer rect avec motif IE7 Javascript et utilisant la chaîne en tant que tableau Multi-choix multi-faces qui fonctionne avec Rails 3 Test d'une liste d'URL dans CasperJS Node.js ou Vert.x pour les notifications Push Window.location.recharge avec cache transparent Choppy / Laggy scroll sur Chrome et IE JQuery pour obtenir la valeur du champ caché dans la rangée du tableau Extension régulière de Javascript – chaîne à l'objet RegEx Quel est le point de la nouvelle Chaîne ("x") en JavaScript? Est-il possible d'utiliser XMLHttpRequest entre les domaines Enregistrer le fichier à l'aide de Greasemonkey La meilleure façon d'effectuer une recherche de texte intégral dans MongoDB et Mongoose Événement OnChange à l'aide de React JS pour la liste déroulante

Jquery ui datepicker range entre deux dates

Pouvez-vous me montrer comment activer la gamme dans jquery ui datepicker, je veux déterminer la portée dans le format: du 2012-12-10 au 2012-12-20 etc (yy-mm-dd, déjà spécifié). Toutes les autres dates ne devraient pas être disponibles.

Appréciez l'aide que je peux obtenir, bon courage!

essaye ça: 

function setInterval(){ $(function() { $( "#startDate" ).datepicker({ defaultDate: "+1w", onSelect: function( selectedDate ) { $( "#endDate" ).datepicker( "option", "minDate", selectedDate ); } }); $( "#endDate" ).datepicker({ defaultDate: "+1w", onSelect: function( selectedDate ) { $( "#startDate" ).datepicker( "option", "maxDate", selectedDate ); } }); }); }

où 

 startDate endDate

Sont les deux champs de saisie de datepicker

Essayez quelque chose comme: 

 jQuery("#date").datepicker({ beforeShow: function() { return { dateFormat: 'yy-mm-dd', minDate: '2012-12-10', maxDate: '2012-12-20', } } });

Utilisez les options maxDate et minDate lors de la création.

Lien

Code: 

 $( "#datepicker" ).datepicker({ minDate: value1, maxDate: value2 });

La réponse précédente est correcte, par exemple: 

 $(function() { $( "#datepicker" ).datepicker({ minDate: new Date(2012, 12, 10), maxDate: new Date(2012, 12, 20) }); });

Je voulais simplement ajouter les liens suivants que vous pourriez trouver utiles:

http://jqueryui.com/datepicker/#min-max

http://api.jqueryui.com/datepicker/