2017-06-01 4 views
2

J'ai donc une entrée avec la date et l'heure (obtention des valeurs de DB) et j'utilise le sélecteur jQuery Datetime pour changer la date et l'heure.L'option Bootstrap Datetimepicker daysOfWeekDisabled ne fonctionne pas correctement

Voici mon entrée

<div class="input-group form-group td-350"> 
    <div class="input-group date" id="datetimepicker1"> 
    <input type="text" name="new_preffered_date" class="form-control datetimepickers" value="<?= $item->customer_preferred_date->i18nFormat('dd.MM.YYYY HH:mm', 'Europe/Vienna') ?>"/> 
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
    </div> 
</div> 

Et voici ma configuration DateTimePicker:

<script type="text/javascript" src="/vendors/bower_components/moment/min/moment-with-locales.js"></script> 
<script type="text/javascript" src="/js/bootstrap-datetimepicker.js"></script> 
<script type="text/javascript"> 
    $('.datetimepickers').each(function() { 
     $(this).datetimepicker({ 
     daysOfWeekDisabled: [0, 6], 
     format: 'DD.MM.YYYY HH:mm', 
     locale: 'de', 
     minDate: new Date(), 
     }); 
    }); 
</script> 

Avec cette configuration, DateTimePicker prendre le temps de la date valeur par défaut toujours à partir de maintenant. Si je supprime daysOfWeekDisabled option que je peux voir la date réelle/heure de la base de données en entrée. Info: Ma date de la base de données n'est pas le week-end et est plus récente que maintenant(). Donc, ma question est, comment puis-je utiliser picker DateTime avec l'option daysOfWeekDisabled et comme valeur par défaut afficher la date de la base de données?

Documentation du sélecteur Datetime est http://eonasdan.github.io/bootstrap-datetimepicker/Options/#daysofweekdisabled

+0

Etes-vous sûr qu'une date de votre base de données a le format "JJ.MM.AAAA HH: mm"? Avez-vous essayé de supprimer le champ 'minDate'? Au fait, la dernière virgule est un excès. – Alexander

+0

Oui, je convertis ce jour, et si j'enlève l'option daysOfWeekDisabled alors tout est trouvé, j'ai aussi essayé de supprimer d'autres options (une par une) et le résultat est le même. C'est vraiment bizarre ... – JohnWayne

+1

Essayez de définir ['useCurrent'] (https://eonasdan.github.io/bootstrap-datetimepicker/Options/#usecurrent) sur false. Est-ce que cela a aidé? – Alexander

Répondre

1

Définissez la propriété useCurrent à false. Il réglera le sélecteur à la date/heure sélectionnée au lieu du courant.

0

Dans votre code, vous n'avez pas besoin d'utiliser chaque boucle vous pouvez diriger l'utilisation comme ce

$(".datetimepickers").datetimepicker({ 
    daysOfWeekDisabled: [0, 6], 
    format: 'DD.MM.YYYY HH:mm', 
    locale: 'de', 
    defaultDate: "11/1/2013",//pass your database date 
    minDate: new Date(), 
    }); 
+0

J'ai déjà essayé ceci, et en utilisant defaultDate: today.getDate() + 2 mais la date par défaut est toujours now() si j'utilise daysOfWeekDisabled: [0, 6], – JohnWayne