2017-05-23 4 views
1

Voici les 2 zones de texte ayant toutes deux des identifiants différents. lorsque je sélectionne la date de fin, la valeur de la date de début change et la date de fin reste vide. J'ai essayé la réponse reçue par l'utilisateur user2517610. Ça ne fonctionne pas pour moi. Je ne génère pas d'éléments de façon dynamique.après avoir sélectionné la date du second texte sur lequel j'ai appliqué jquery date time picker il change la date dans la première zone de texte

<div class="row"><div class="form-group form-inline col-lg-offset-2 col-sm-ffset-2 col-xs-offset-2"><label style="width: 110px;" >start date</label> <input type="text" class="form-control" id="ctl_survey_startdate_101"></div></div> 
<div class="row"><div class="form-group form-inline col-lg-offset-2 col-sm-offset-2 col-xs-offset-2"><label style="width: 110px;">End Date</label> <input type="text" class="form-control" id="ctl_survey_enddate_101"></div></div> 

Voilà comment je pose ma candidature sélection de l'heure de la date

$('#ctl_survey_startdate_101').datepicker({ 
    dateFormat : 'yy-mm-dd' 
}); 

$('#ctl_survey_enddate_101').datepicker({ 
    dateFormat : 'yy-mm-dd'    
}); 
+1

utilisez-vous des événements de changement dans votre script? – Kuru

+0

Bonjour et bienvenue sur StackOverflow. Veuillez prendre le temps de lire la page d'aide, en particulier les sections intitulées ["Quels sujets puis-je poser à propos d'ici?"] (Http://stackoverflow.com/help/on-topic) et ["Quels types de questions dois-je évitez de demander? "] (http://stackoverflow.com/help/dont-ask). Et plus important, s'il vous plaît lire [la liste de contrôle de la question Stack Overflow] (http://meta.stackexchange.com/q/156810/204922). Vous pouvez également en savoir plus sur [Exemples minimaux, complets et vérifiables] (http://stackoverflow.com/help/mcve) –

+0

Votre code fonctionne correctement. Vérifiez si des événements sont présents dans votre code. https://jsfiddle.net/8b3atjec/ ​​ – Unknown

Répondre

0

$('#ctl_survey_startdate_101').datepicker({ 
 
    dateFormat : 'yy-mm-dd' 
 
}); 
 

 
$('#ctl_survey_enddate_101').datepicker({ 
 
    dateFormat : 'yy-mm-dd'    
 
});
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 

 
<div class="row"> 
 
    <div class="form-group form-inline col-lg-offset-2 col-sm-ffset-2 col-xs-offset-2"> 
 
    <label style="width: 110px;" >start date</label> 
 
    <input type="text" class="form-control" id="ctl_survey_startdate_101"> 
 
    </div> 
 
</div> 
 

 

 
<div class="row"> 
 
    <div class="form-group form-inline col-lg-offset-2 col-sm-offset-2 col-xs-offset-2"> 
 
    <label style="width: 110px;">End Date</label> 
 
    <input type="text" class="form-control" id="ctl_survey_enddate_101"> 
 
    </div> 
 
</div>

Je travaille sur votre code dans l'extrait et il fonctionne très bien.
Votre problème peut se produire à cause d'une autre chose. Pouvez-vous s'il vous plaît vérifier ou si vous pouvez ajouter tout le code.