J'ai déjà posé une question à définir des dates de sélecteur de date par rapport au changement de mois / année d'un autre sélecteur de date. Je n'ai pas eu la réponse exacte, mais j'ai réussi à obtenir des dates min et max pour régler un sélecteur de date en faisant référence à diverses réponses de dépassement de pile. Mais que les réglages de la date minimale et max ne fonctionnent pas correctement.
Picker de la date de sélection de mois et d'année: P>
min date comes as :01/02/2018 max date comes as : 28/02/2018,
3 Réponses :
Vous n'utilisez pas les options correctes:
function MonthDatePick() { var month = $('#txtMonth').datepicker('getDate').getMonth() + 1;//('getMonth'); var year = $('#txtMonth').datepicker('getDate').getFullYear();//('getFullYear'); var minDate = new Date(year, month-1, 1); var maxDate = new Date(year,month, 0); $("#txtFrom").datepicker({ autoclose: true, startDate: minDate, endDate: maxDate, format: 'dd/mm/yyyy', //defaultDate:minDate, changeMonth: false, changeYear: false, }); }
J'ai essayé la date de fin de début de la date de début, que je ne fonctionne pas trop, mon '' txtfrom ' code> DatePicker montre simplement toutes les dates de mois avec la date actuelle par défaut
Vous essayez actuellement de recréer une date d'accueil existante. Au lieu de cela, modifiez l'instance actuelle à l'aide du p> SetStarDate code> et
setenddate code> méthodes.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
<div class="col-lg-3">
<label>Claim Month</label>
<div class="input-group date">
<input type="text" class="form-control pull-right" id="txtClaimMonth" onchange="MonthDatePick();">
<div class="input-group-addon bg-purple">
<i class="fa fa-calendar"></i>
</div>
</div>
</div>
<div class="col-lg-3">
<label>Claim From</label>
<div class="input-group date">
<input type="text" class="form-control pull-right" id="txtClaimFrom">
<div class="input-group-addon bg-purple">
<i class="fa fa-calendar"></i>
</div>
</div>
</div>
J'ai essayé votre monsieur, mais ne travaille pas pour moi monsieur .. M. Amit Kumar Réponse a travaillé pour moi monsieur .. Merci beaucoup pour vos réponses et aidez monsieur ..
Wow..votre travail comme génial .. cela corrige mon problème que j'ai été frappé plus de 2 semaines .. merci beaucoup ...
Pouvez-vous expliquer gentiment Mindate.tolocaledateString ('frb'); code> cette ligne PLZ, que signifie EN-GB?
@Riya ici, j'utilise ici TolocaledateString ('FR-GB') code> Si vous modifiez le format de la date, vous devez également modifier ceci. Parce que vous utilisez
jj / mm / aaaa code> de sorte que ce format est adapté à cette situation.
@Riya mindate.tolocaledateString ('fr-gb') code> Cela convertira votre date à
jj / mm / aaaa code> si vous utilisez
Mindate.TolocaledateString (' -Us ') code> alors il donnera
mm / dd / aaaa code>
Y a-t-il un moyen d'afficher la date du minorbe 01/01/2021 code> au
à partir de la zone de texte code> après la sélection de mois et de oui, defaulty? , la date par défaut de coz ne fonctionne pas pour moi ...
Oui, ajoutez simplement $ ('# txtfrom'). Val (Mindate); Code> Après l'initialisation DatePicker dans
MonthDatepic () Code>
Je l'ai trouvé moi-même, ajoutant cette ligne $ ('# txtfrom'). DatePicker ("Setdate", Mindate); Code> à la fin de mon novembrePick () - Avant les accolades de clôture, corrigé mes besoins .. Veuillez ajouter cette ligne dans votre réponse donnée, de sorte que cela satisfait exactement à mon besoin et aidera les autres à l'avenir aussi .. merci
monsieur même votre solution fonctionne aussi .. $ ('# txtfrom'). Val (Mindate); code>. Mais j'ai vu cela après avoir posté mon commentaire seulement .. Ajoutez-le aussi de votre part, pas de problèmes ...
Cette réponse a fonctionné pour moi, alors je l'ai coché comme une bonne réponse. Je ne sais pas qui a cédé vote. Ce sera mieux, si vous expliquez, vous avez cédé des votes avec raison..so que nous pouvons trop comprendre ??
Je ne vois pas les propriétés mindées et maxdate dans le Documentation . Êtes-vous sûr qu'ils sont valides?
Soyez prudent: b> Il y a deux plug-ins presque i> JQUERY identiques, à la fois avec le nom datePicker i>. L'une est la Bootstrap DatePicker, l'autre est la jqueryui satdapicker. Ils ont des différences mineures qui pourraient être responsables de vos problèmes ici. Par exemple, JQueryui DatePicker utilise
Mindate code>
, mais le Bootstrap DatePicker utiliseStartDate code>
. Si vous utilisez en fait la bottestrap DatePicker (comme vous avez été marquée), vos propriétés sont incorrectes.@TyLerroperPer Veuillez vérifier ma question que j'ai modifié et ajouté une image de ma photo de débogage, qui montre la date min / maximale, dans ce que j'ai choisi mars 2019, il affiche donc la date de mars.
@Riya utilisez-vous Bootstrap-DatePicker ou Jqueryui DatePicker?
La valeur de votre
Mindate code> variable étant correcte ne nous dit pas beaucoup; Comme ci-dessous, le radar demande, nous devrons savoir quelle date-picker vous utilisez vraiment, car ils utilisent des noms de propriété différents. Mieux encore, votre question devrait inclure un exemple minimal, reproductible B> , sinon c'est off-sujet (n ° 1) .
J'ai essayé avec la propriété de date de début de la date / de la date de fin, cela ne fonctionne toujours pas.