Wie die Zeit einstellen picker nur Zeit von 8:30 Uhr bis 8:30 Uhr in bootstrap-datetimepicker.js?

HTML-CODE:

<div class="form-group">
      <label class="col-md-3 control-label" for="event_date">Start at</label>  
      <div class="col-md-8">
        <input id="event_start_date" name="event_start_date" type="text"  placeholder="" class="form-control input-md event_date" required="">
          </div>
      </div>

      <div class="form-group">
       <label class="col-md-3 control-label" for="event_date">End at</label>  
         <div class="col-md-8">
      <input id="event_end_date" name="event_end_date" type="text" placeholder="" class="form-control input-md event_date" required="">
      </div>
</div>`

JavaScript-code:

$('#event_start_date').datetimepicker({
    minTime: "08:30:00"
});

Ich brauche, um timepicker die Startzeit 8:30 UHR bis Ende Zeit 8:30 PM deaktivieren andere Zeit in der Zeit-picker. Wie ist das möglich bitte um Hilfe?

InformationsquelleAutor Suganthan Raj | 2015-07-04

  1. 11

    Die docs fehlen hier, aber ich fand, dass die folgenden Elemente sind die Schlüssel.

    Verstehen, dass der datetimepicker verwendet moment.js Bibliothek.

    Den disabledTimeIntervals nimmt ein array von arrays, die definieren, einen Zeitraum.

    [ //outer array
  [ start_time, end_time],
  [ second_start_time, second_end_time]
]

    Der andere wichtige Punkt ist, dass, wenn Sie definieren einen moment, Sie brauchen, um die Stunde und die minute, die Standardeinstellungen verlassen, verursacht Sie den filter, um keine Arbeit für mich.

    Also, wenn Sie wollten, definieren Sie ein Geschäft, das geöffnet wurde, von 8:30 UHR bis 8:30 Uhr mit einer 30-minütigen, würde es wie folgt Aussehen:

    $('.event_date').datetimepicker({
    disabledTimeIntervals: [
      [moment().hour(0).minutes(0), moment().hour(8).minutes(30)],
      [moment().hour(20).minutes(30), moment().hour(24).minutes(0)]
   ]
});

    InformationsquelleAutor Daniel Ice

  2. 2

    Hier habe ich mein problem gelöst mit diesem code:

    $('.event_date').datetimepicker({
        disabledTimeIntervals: [ [ moment().hour(0), moment().hour(8).minutes(30) ], [ moment().hour(20).minutes(30), moment().hour(24) ] ]
    });

    InformationsquelleAutor Suganthan Raj

  3. -3

    Noch nicht selber ausprobiert, aber von der docs, 

    disabledTimeIntervals
4.14.40

Default: false
Disables time selection between the given moments
    was ist der Wert ein format zu geben, in disableTimeIntervals
    Ich Benutze disabledTimeIntervals: [{h: 0 }),{ h: 8 m: 30}, { h: 20 m:30 }, { h: 24 }] ,aber ich habe nicht die Ausgabe
    ich Habe einen Fehler " - option disabledTimeIntervals wird nicht erkannt!"
    haben Sie momentjs.com ? die variable, die übergeben werden, in diesem format.
    ja, ich hatte momentjs

    InformationsquelleAutor WebQube

Schreibe einen Kommentar