Réglage de la date et de l'heure en JQuery datetimepicker

J'ai une situation où je suis en train d'utiliser Trent Richardson datetimepicker extension JQuery de demander aux utilisateurs de sélectionner des dates et des heures en une seule fois.

Mais avant cela, je veux régler la date et l'heure ainsi que le datetimepicker de la zone de saisie s'affiche par défaut la date et l'heure qui devrait être définie à partir du serveur. Un utilisateur puis cliquez à l'intérieur de la zone de saisie de l'appel datetimepicker, alors la valeur par défaut de la date et de l'heure apparaît sur datetimepicker. L'utilisateur peut ensuite remplacer si nécessaire.

Jusqu'à présent, dans le code de la mienne j'ai:

<script type="text/javascript">
        $(function(){
            $('.example-container > pre').each(function(i){
                 eval($(this).text());
            });

            $('#example1').datetimepicker('setDate', (new Date(2010, 11, 20, 16, 03)));

        });
</script>

Qui fixe la date correctement, mais pas le temps et l'heure et les minutes à l'aide des curseurs. Le temps s'affiche également comme 00 03 plutôt que de 16 03.

Quelqu'un peut me dire ce que je fais mal ou de ne pas faire ici de sorte que datetimepicker montre corriger les paramètres par défaut?

Les autres paramètres sont:

$('#example1').datetimepicker({                                                    
                        dateFormat: 'dd mm yy',
                        timeFormat: 'hh mm',
                        showMinute: false,
                        showSecond: false,
                        separator: ' ',

                    });

Grâce

OriginalL'auteur Mr Morgan | 2011-08-23

3

Je sais que ce problème est ancien. Mais pour ceux qui sont toujours à la recherche d'une solution ici est de savoir comment je l'ai fait. DatetimePicker plugin est un addon pour jQueryUI DatePicker, donc je pense que toutes les options et les méthodes de DatePicker encore s'appliquer en plus de DatetimePicker.

Donc, si vous avez une zone de texte avec l'id "dtc" et que vous souhaitez initialiser avec "5/31/2013 7:30 PM", que vous allez faire:
```
$("#dtp").datetimepicker({
defaultDate: "5/31/2013", //this is from jQueryUI datepicker
hour: 19,
minute: 30
});
```
Ce doit mettre en évidence la bonne date dans le calendrier et réglez les curseurs de l'heure et des minutes, comme défini dans les options.

Espère que cette aide.

Merci! C'est exactement ce que je cherchais.

OriginalL'auteur mosabusan
1

Si vous pré-remplir le champ de saisie avec une date de valeur, datepicker devrait par défaut à cette valeur.

À partir d'un point de vue de l'utilisabilité, je voudrais utiliser cette approche plutôt qu'une solution de programmation.

Pourquoi, oh pourquoi n'ai-je pas trouver cette réponse y a une heure 🙂

OriginalL'auteur Blazemonger
1

si vous parlez datetimepicker de Trent Richardson, jetez un oeil à ce fil
https://stackoverflow.com/a/12645192/551811

Dans mon expérience, même si vous avez une date pré-inscrite dans la zone de texte, si vous voulez fermer le datepicker boîte de dialogue sans la saisie d'une date, elle remplace la valeur dans la zone de texte avec celui d'aujourd'hui. La solution est de définir votre zone de texte valeur dans le onClose méthode. Dans cet exemple, la valeur contiendra votre valeur d'origine:
```
   $('input.datetime').datetimepicker({
            onClose: function (value) {
                            $('input.datetime').val(value);
                        }
         });
```
OriginalL'auteur BraveNewMath
0

La question est de le faire avec la personnalisation de la date et de l'heure formats que vous utilisez. Si vous restaurez les paramètres d'origine, l'écran de datetimepicker doit être correcte.

OriginalL'auteur Mr Morgan

Vous devez vous connecter pour publier un commentaire.