Jquery-Ui date time picker

Ich bin mit jquery date time picker und mit start date und end date.

Bei der Auswahl gleichen Zeitpunkt für start date und end date ich nicht wollen, es zu ermöglichen, die end date Zeit von weniger als start date Zeit. Wie würden ich passe meinen code?

$( "#fdate" ).datetimepicker({
     dateFormat: 'yy-mm-dd',timeFormat: 'HH:mm:ss',
        onClose: function( selectedDate ) {
        $( "#tdate" ).datetimepicker( "option", "minDate", selectedDate );
  }
  }).attr('readonly', 'readonly');
     $( "#tdate" ).datetimepicker({dateFormat: 'yy-mm-dd',timeFormat: 'HH:mm:ss',
  onClose: function( selectedDate ) {
     $( "#fdate" ).datetimepicker( "option", "maxDate", selectedDate );
  }
  }).attr('readonly', 'readonly');
});

hier fdate ist start-Datum und-tdate ist ein Enddatum ein, und hier ist Fiddle der Ausgabe

  • Und was ist die Frage?
  • wir sollten nicht in der Lage, wählen Sie Ende Datum-Zeit weniger als start Datum Zeit
InformationsquelleAutor smith | 2015-05-22
  1. 2

    Müssen Sie verwenden die "setOptions" - Methode für jede timepicker:

    $(document).ready(function(){
    $("#fdate" ).datetimepicker({
        dateFormat: 'yy-mm-dd',
        timeFormat: 'HH:mm:ss',
        onShow: function () {
            this.setOptions({
                maxDate:$('#tdate').val()?$('#tdate').val():false,
                maxTime:$('#tdate').val()?$('#tdate').val():false
            });
        }
  }).attr('readonly', 'readonly');
  $( "#tdate" ).datetimepicker({
      dateFormat: 'yy-mm-dd',
      timeFormat: 'HH:mm:ss',
        onShow: function () {
            this.setOptions({
                minDate:$('#fdate').val()?$('#fdate').val():false,
                minTime:$('#fdate').val()?$('#fdate').val():false
            });
        }                    
  }).attr('readonly', 'readonly');

    Hier ist die Geändert Fiddle.

    Dies ist nicht perfekt, aber es wird dir in der Nähe, die Sie behandeln müssen möglicherweise einige Formatierungen. Ich nutzte die "onShow" - Veranstaltung sein, aber Sie könnte leicht machen es in der onClose, wie gut. Es ist eine kleine Probe auf Ihren offizielle Seite genannt Bereich zwischen Datum#.

    • auch in der oben fiddle-link es nicht funktioniert na
    • Welchen browser benutzt du und was funktioniert nicht? Es funktioniert, wie ich schrieb, nahe genug. Mit einigen geringfügigen Verbesserungen für deine Anforderungen sollte es ok sein. Ich checkte in Chrom.
    InformationsquelleAutor JasonWilczak
Schreibe einen Kommentar