date de mise en place min dans jQuery datepicker
Salut je veux mettre min date dans mon jQuery datepicker à (1999-10-25) donc j'ai essayé le code ci-dessous son ne fonctionne pas.
$(function () {
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
showButtonPanel: true,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
minDate: new Date(1999, 10 - 1, 25),
maxDate: '+30Y',
inline: true
});
});
** si je change l'année min au dessus de 2002 que cela fonctionnera bien mais si je spécifie l'année min moins de 2002{comme ci-dessus eexample 1999} il se montrera seulement jusqu'à 2002.quelqu'un peut m'aider. je suis à l'aide de jquery-1.7.1.min.js et jquery-ui-1.8.18.personnaliser.min.js.
7 réponses
$(function () {
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
showButtonPanel: true,
changeMonth: true,
changeYear: true,
yearRange: '1999:2012',
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
minDate: new Date(1999, 10 - 1, 25),
maxDate: '+30Y',
inline: true
});
});
vient d'ajouter l'option year range. Il faut résoudre le problème
le problème est que l'option par défaut de "yearRange" est de 10 ans.
2012 - 10 = 2002.
alors changez la durée de l'année en c-20:c ou juste en 1999 (yearRange: '1999:c'), et l'utiliser en combinaison avec restrict dates (mindate, maxdate).
pour plus d'information:http://jqueryui.com/demos/datepicker/#option-yearRange
Voir l'exemple: http://jsfiddle.net/kGjdL/
Et votre code avec le outre:
$(function () {
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
showButtonPanel: true,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
minDate: new Date(1999, 10 - 1, 25),
maxDate: '+30Y',
yearRange: '1999:c',
inline: true
});
});
juste au cas où par exemple vous avez besoin de mettre une date min, les 3 derniers mois et date max prochains 3 mois
$('#id_your_date').datepicker({
maxDate: '+3m',
minDate: '-3m'
});
Hiya démo de travail: http://jsfiddle.net/femy8/
maintenant, le calendrier passera au minimum de 1999-10-25.
cliquez sur l'image, c'est-à-dire sur une petite icône à côté de la zone de texte pour que le calendrier apparaisse. Vous pouvez essayer de sélectionner jusqu'en 1999, mais la date minimale de sélection est le 25 octobre 1999. qui est ce que vous voulez.
Cela aidera, ont une belle! :) cheers!
Jquery
$(".mypicker").datepicker({
changeYear: true,
dateFormat: 'yy-mm-dd',
showButtonPanel: true,
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
minDate: new Date('1999/10/25'),
maxDate: '+30Y',
inline: true
});
je veux juste ajouter ceci pour le futur programmeur.
ce code limite les dates min et max. L'année est entièrement contrôlée en obtenant l'année courante comme année max.
J'espère que cela pourrait aider n'importe qui.
Voici le code.
var dateToday = new Date();
var yrRange = '2014' + ":" + (dateToday.getFullYear());
$(function () {
$("[id$=txtDate]").datepicker({
showOn: 'button',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
buttonImageOnly: true,
yearRange: yrRange,
buttonImage: 'calendar3.png',
buttonImageOnly: true,
minDate: new Date(2014,1-1,1),
maxDate: '+50Y',
inline:true
});
});
Essayez comme ceci
<script>
$(document).ready(function(){
$("#order_ship_date").datepicker({
changeMonth:true,
changeYear:true,
dateFormat:"yy-mm-dd",
minDate: +2,
});
});
</script>
le code html est donné ci-dessous
<input id="order_ship_date" type="text" class="input" style="width:80px;" />
si vous spécifiez déjà l'année, il n'est pas nécessaire d'utiliser mindate et maxdate si seule l'année est requise