Comment faire pour afficher uniquement la date de JQuery dans le Datetimepicker addon?

J'ai cherché haut et bas pour une réponse à ma question mais je n'ai pas trouvé, j'ai trouvé deux questions connexes: Datepicker de JQuery doit afficher uniquement la date , jQuery UI DateTimepicker - ne peut pas cacher le temps

Mais ils n'ont pas de résoudre mon problème.

Je suis en utilisant Trent Richardsons datetimepicker et je voudrais qu'il affiche uniquement la date dans la zone de texte. La réponse à pourquoi je ne suis pas en utilisant le datepicker sans l'addon, c'est parce que parfois, j'ai envie de montrer datetime et parfois seulement la date.

J'ai peut masquer le timepicker avec le code suivant:

    datetimepicker("option", "showTimepicker", false);

Le temps disparaît de ma zone de texte, mais la date a un point de l'espace, "2013-11-01"
J'ai essayé l'option séparateur mais pas de chance.

    datetimepicker("option", "separator", "");

Tout le monde a une idée de comment je peux résoudre ce problème?

Un peu de précisions, je suis en train d'écrire une sorte de composant qui peut être utilisé par une solution de grande envergure, où il a parfois besoin d'être un datetimepicker et parfois un datepicker.
Ce "composant" contient une entrée (mon datetimepicker) qui est enveloppé dans du code html.
Elle possède également des propriétés qui peuvent être définies, l'un d'eux est le SetDateOnly(), et c'est là que je vais essayer d'obtenir le datepicker pour afficher uniquement la date.

Que diriez-vous simplement à l'aide de datepicker?
Créer un jsfiddle pour le rendre plus facile pour nous de résoudre le problème.
Je ne sais comment faire pour créer un jsfiddle, le javascript n'est pas vraiment pas mon meilleur langage..
Donc, en disant que javascript n'est pas vraiment pas votre meilleure langue, si vous annulez le double négatif, vous dites que c'EST votre meilleur langage? Il suffit d'aller à jsfiddle.net et de remplir le html, le javascript, et css sections pour créer un exemple de code que n'importe qui peut les voir et de les inspecter. C'est très facile.

OriginalL'auteur Robert Persson | 2013-11-11

datetimepicker jquery

13

Essayez ces options:
```
$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});
```
le format est la clé
J'ai dû avait dateonly: true option pour que les paramètres de travailler pour moi
Pour moi, il fonctionne sans le minView option. Si je comprend, je reçois un message d'erreur, en quelque sorte, minView n'est pas une option valable

OriginalL'auteur Ibanêz

Alors vous pouvez aller avec showTimePicker comme ceci:-

Sur Le Formulaire De Charge

$(document).ready(function(){
    $('#selector').datetimepicker({
        'showTimepicker': false
    });     
});

Sur le moment de l'exécution

$(".btn").click(function(){ 
    $('#selector').datetimepicker("destroy"); //destroys the previous settings.
    $('#selector').datetimepicker({
        'showTimepicker': false
    });                     
});

Merci. Vous avez sauvé ma vie. Je cherchais Moment de l'Exécution de la solution.

OriginalL'auteur GDG

$(document).ready(function(){
    $('#selector').datetimepicker({
        viewMode: 'days',
        format: 'DD/MM/YYYY'
    });     
});

Il fonctionne comme ceci.

Pour info, c'est comment vous le faites si vous êtes à l'aide de 'bootstrap-datetimepicker" par eonasdan sur GitHub.

OriginalL'auteur Corrot

3

Pourquoi pas comme cela:
```
$('#selector').datetimepicker(); //When required both functionalities.
$('#selector').timepicker(); //When only time is required.
$('#selector').datepicker(); //Otherwise regular datepicker can be used.
```
Oui, j'ai pensé à cette façon de faire et de montrer/cacher les datepicker/datetimepicker selon ce qui est nécessaire, mais j'ai pensé qu'il devrait être possible de mettre le datetimepicker pour afficher uniquement la date.

OriginalL'auteur GDG

C'est ma solution:

  $("#Time").datetimepicker({
      datepicker: false,
      step: 15,
      format: 'g:i a',
    });

À l'aide de jQuery DateTimePicker plugin v2.3.8

OriginalL'auteur Gabriel Reguly

Ce travail est pour moi 🙂

    $("#selector").datetimepicker({
    minView: 2,
    format: 'dd-mm-yyyy',
    autoclose: true
    });

OriginalL'auteur Ashish Thakur

si un autre code ne fonctionne pas, alors vous pouvez utiliser ce code

    $('#datetimepicker_date_to_view').datetimepicker({
            timepicker:false,
            format:'d.m.Y',
        }).on('change', function() {
            $('.xdsoft_datetimepicker').hide();
            var str = $(this).val();
            str = str.split(".");
            $('#alt_date_field').val(str[2]+'-'+str[1]+'-'+str[0]);
        });

OriginalL'auteur sandeep kumar

0

J'ai résolu mon problème en ayant un paramètre de mon "composant" de dire s'il doit contenir un datetimepicker ou un datepicker. L'inconvénient est que je ne peux pas passer entre eux, aussi facilement que je voulais faire.

OriginalL'auteur Robert Persson

        <script type="text/javascript">
            $(function () {
                $('#selector').datetimepicker({
                  format: 'YYYY-MM-DD'
                });
            });
        </script>

OriginalL'auteur

0

J'ai essayé ce.. c'est de travailler pour moi.

utilisation datepicker() au lieu de datetimepicker()

Ref: jQuery UI DateTimepicker - ne peut pas cacher le temps

OriginalL'auteur user2064570

-1

$('#datetimepicker1').datetimepicker({
    viewMode: 'days',
    format: 'DD/MM/YYYY',
  icons: {
      time: 'fa fa-clock-o',
      date: 'fa fa-calendar',
      up: 'fa fa-chevron-up',
      down: 'fa fa-chevron-down',
      previous: 'fa fa-chevron-left',
      next: 'fa fa-chevron-right',
      today: 'fa fa-crosshairs',
      clear: 'fa fa-trash'
    }
});

OriginalL'auteur hemendra singh

Vous devez vous connecter pour publier un commentaire.