web-dev-qa-db-fra.com

Comment afficher uniquement la date dans le complément JQuery Datetimepicker?

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

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

J'utilise Trent Richardsons datetimepicker et j'aimerais qu'il ne montre que la date dans la zone de texte. La raison pour laquelle je n'utilise pas datepicker sans l'addon est que, parfois, je veux qu'il affiche l'heure et parfois uniquement la date.

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

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

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

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

Quelqu'un a une idée de comment je peux résoudre ça?

Un peu de clarification, j'essaie d'écrire un type de composant qui peut être utilisé via une solution volumineuse, où il doit parfois s'agir d'un datetimepicker et parfois d'un datpicker. Ce "composant" contient une entrée (mon datetimepicker) qui est encapsulée dans du HTML. Il possède également des propriétés qui peuvent être définies, l’un d’eux étant SetDateOnly (), et c’est là que j’essaie de faire en sorte que le sélecteur de date affiche uniquement la date.

jquerydatetimepicker
7
Robert Persson

Essayez ces options:

$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});
13
Ibanêz

Ensuite, vous pouvez aller avec showTimePicker comme ceci: -

Sur formulaire 

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

Au moment de l'exécution 

$(".btn").click(function(){ 
    $('#selector').datetimepicker("destroy"); //destroys the previous settings.
    $('#selector').datetimepicker({
        'showTimepicker': false
    });                     
});
6
GDG
$(document).ready(function(){
    $('#selector').datetimepicker({
        viewMode: 'days',
        format: 'DD/MM/YYYY'
    });     
});

Cela fonctionne comme ça.

4
Corrot

Pourquoi pas comme ça:

$('#selector').datetimepicker(); // When required both functionalities.
$('#selector').timepicker(); // When only time is required.
$('#selector').datepicker(); // Otherwise regular datepicker can be used.
3
GDG

Cela fonctionne pour moi :)

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

Ceci est ma solution:

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

Utilisation du plug-in v2.3.8 de jQuery DateTimePicker

2
Gabriel Reguly

Si un autre code ne fonctionne pas, 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]);
        });
1
sandeep kumar
        <script type="text/javascript">
            $(function () {
                $('#selector').datetimepicker({
                  format: 'YYYY-MM-DD'
                });
            });
        </script>
0
user5189304

J'ai essayé ça .. ça marche pour moi.

utiliser datepicker () au lieu de datetimepicker ()

Ref: jQuery UI DateTimepicker - ne peut pas cacher l'heure

0
user2064570

J'ai résolu mon problème en ayant un paramètre à mon "composant" disant s'il devait contenir un datetimepicker ou un datepicker. L'inconvénient est que je ne peux pas basculer entre eux aussi facilement que j'avais l'intention de le faire.

0
Robert Persson