Wie um zu zeigen, nur Datum in JQuery Datetimepicker-addon?

Ich habe gesucht hoch und niedrig für eine Antwort auf meine Frage aber noch nicht gefunden, ich habe zwei Fragen aber: JQuery Datepicker soll das Datum anzuzeigen nur , jQuery-UI DateTimepicker - nicht die Zeit zu verbergen

Aber Sie hat nicht mein problem zu lösen.

Ich bin mit Trent Richardsons datetimepicker und ich würde es gerne zeigen, nur das Datum in die textbox. Die Antwort, warum ich nicht mit den datepicker ohne das addon ist, weil manchmal möchte ich es, um zu zeigen, datetime und manchmal nur Datum.

Ich habe verstecken können, die timepicker mit dem folgenden code:

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

Die Zeit verschwindet aus meiner textbox das Datum ist ein Leerzeichen, "2013-11-01"
Ich habe versucht, die option für das Trennzeichen, aber kein Glück.

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

Hat jemand eine Idee wie ich dieses Problem lösen?

Etwas Aufklärung, ich bin versucht zu schreiben, Art der Komponente, die verwendet werden können, über eine große Lösung, wo es manchmal braucht, um ein datetimepicker-und manchmal auch ein datepicker.
Diese "Komponente" enthält einen Eingang (mein datetimepicker), die eingehüllt ist in einigen html.
Es hat auch Eigenschaften, die festgelegt werden können, eine von Ihnen ist die SetDateOnly(), und das ist, wo ich versuche, den datepicker zu zeigen, nur Datum.

Wie wäre es einfach mit datepicker?
Erstellen Sie ein jsfiddle, um es einfacher für uns das problem zu lösen.
Ich don wissen, wie ein jsfiddle, javascripts ist nicht wirklich nicht meine beste Sprache..
So, indem Sie sagen: javascript ist nicht wirklich nicht Ihre beste Sprache, wenn Sie kündigen, die für die doppelte Verneinung sind Sie sagen, es IST die beste Sprache? Gehen Sie einfach auf jsfiddle.net und füllen Sie die html -, javascript-und css-Abschnitte zu erstellen, die ein Beispiel des Codes, die jeder sehen kann und untersuchen. Es ist sehr einfach.

InformationsquelleAutor Robert Persson | 2013-11-11

datetimepicker jquery

15

Versuchen Sie diese Optionen:
```
$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});
```
- format ist der Schlüssel
- Ich hatte hatte dateonly: true option für die Einstellungen für mich zu arbeiten
- Bei mir klappt es ohne minView option. Wenn ich es erhalte ich eine Fehlermeldung, Art, minView ist keine gültige option
InformationsquelleAutor Ibanêz

Dann können Sie gehen mit showTimePicker wie diese:-

Laden Der Form

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

Auf Laufzeit

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

Danke. Sie haben mein Leben gerettet. Ich war auf der Suche für Run Time Lösung.

InformationsquelleAutor GDG

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

Funktioniert es so.

FYI, dies ist wie Sie es tun, wenn Sie 'bootstrap-datetimepicker" von eonasdan auf GitHub.

InformationsquelleAutor Corrot

3

Warum nicht so:
```
$('#selector').datetimepicker(); //When required both functionalities.
$('#selector').timepicker(); //When only time is required.
$('#selector').datepicker(); //Otherwise regular datepicker can be used.
```
- Ja, ich habe darüber nachgedacht, es zu tun auf diese Weise und ein - /ausblenden datepicker/datetimepicker-je nachdem, was benötigt wird, aber ich dachte, es sollte möglich sein den datetimepicker zu zeigen, nur Datum.
InformationsquelleAutor GDG

Dies ist meine Lösung:

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

Mithilfe von jQuery DateTimePicker-plugin v2.3.8

InformationsquelleAutor Gabriel Reguly

Dies ist für mich arbeiten 🙂

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

InformationsquelleAutor Ashish Thakur

, wenn ein anderer code, der nicht funktioniert, dann können Sie diesen code verwenden

    $('#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]);
        });

InformationsquelleAutor sandeep kumar

0

Ich löste mein problem, indem er einen parameter, um meine "Komponente" zu sagen, wenn es sollte eine datetimepicker oder ein datepicker. Der Nachteil ist, dass ich kann nicht zwischen Ihnen wechseln so einfach wie ich tun soll.

InformationsquelleAutor Robert Persson

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

InformationsquelleAutor

0

Habe ich versucht, diese. Es ist für mich arbeiten. Die folgenden parameter format hat, unter dem datetimepicker wie 'YYYY-MM-DD'
```
$(document).ready(function(){
  $('#selector').datetimepicker({         
    format: 'YYYY-MM-DD'
  });     
});`
```
InformationsquelleAutor ANIL PATEL
0

Gemäß der Dokumentation ist es:
```
$("#selector").datetimepicker({
  format: 'L'
});
```
InformationsquelleAutor willer2k

-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'
    }
});

InformationsquelleAutor hemendra singh

-1

Habe ich versucht, dieses.. es ist für mich arbeiten.

verwenden datepicker() anstelle von datetimepicker()

Ref: jQuery-UI DateTimepicker - nicht die Zeit zu verbergen

InformationsquelleAutor user2064570

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.