2017-10-20 30 views
0

La bibliothèque Datetimepicker n'affiche que la date now() mais la valeur d'entrée est une autre date.jQuery Datetimepicker ne met pas à jour la valeur

$('.date-picker').datetimepicker({ 
 
      format: 'DD.MM.YYYY', 
 
      locale: 'de', 
 
      daysOfWeekDisabled: [0, 6], 
 
     });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" /> 
 

 
<input type='text' class="form-control date-picker" name="delivery_date" id="delivery_date" value="24.10.2017" required="required">

Et même valeur de mon élément d'entrée est 24/10/2017 je peux voir que la date d'aujourd'hui (aujourd'hui()) -> 20/10/2017.

J'ai essayé avec $('#delivery_date').datetimepicker('refresh'); mais le résultat est le même

+0

Toute mise à jour sur cette question? –

+0

@Master Yoda J'ai résolu le problème en utilisant $ ("# delivery_date"). Val (deliveryDate); après que la page soit chargée ... sa solution n'est pas propre mais cela fonctionne – JohnWayne

+0

Donc, il s'est avéré être un problème avec le chargement de la page? Pas de problème au moins tu as été réglé. –

Répondre

0

Je suppose que vous utilisez la plugin suivante.

Dans votre exemple, vous utilisez l'option Format, jQuery-uinécessite l'option dateFormat. Vous voulez également les dates d'entrée au format jours/mois/année donc je réarrangées votre mise en forme de date dateFormat: 'dd/mm/yy'

Je mets également le format de votre temps au format 24 heures en utilisant timeFormat: 'HH:mm'

Vous devez inclure le temps dans votre valeur d'entrée de sorte que datetimepicker peut le ramasser. Dans l'exemple ci-dessous, je définis l'heure par défaut 00:00.

$('.date-picker').datetimepicker({ 
 
    dateFormat: 'dd/mm/yy', 
 
    timeFormat: 'HH:mm', 
 
    locale: 'de', 
 
    daysOfWeekDisabled: [0, 6], 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" /> 
 

 
<input type='text' class="form-control date-picker" name="delivery_date" id="delivery_date" value="24/10/2017 00:00" required="required">