CÓDIGO HTML:

<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>`

Código JavaScript:

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

Necesitas timepicker hora de inicio 8:30 AM a Final del tiempo como las 8:30 PM deshabilitar otro momento en el tiempo selector. Cómo es posible, por favor ayuda?

3 Comentarios

  1. 11

    Los documentos carecen de aquí, pero he encontrado que los siguientes elementos son la clave.

    Entender que el datetimepicker utiliza el moment.js biblioteca.

    La disabledTimeIntervals toma una matriz de matrices que definen un intervalo de tiempo.

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

    El otro punto clave es que cuando se define un momento, deberá incluir la hora y los minutos, dejando los valores por defecto causado que el filtro no funciona para mí.

    Así que si usted quería definir una tienda que estaba abierta desde las 8:30 AM a 8:30 de la tarde con 30 minutos, se vería de la siguiente manera:

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

    Aquí he resuelto mi problema con este código:

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

    No lo he probado yo mismo, pero desde el docs,

    disabledTimeIntervals
    4.14.40
    
    Default: false
    Disables time selection between the given moments
    • ¿cuál es el valor de formato para dar en disableTimeIntervals
    • Yo Uso disabledTimeIntervals: [{h: 0 }),{ h: 8 m: 30}, { h: 20 m:30 }, { h: 24 }] ,pero yo no entiendo de salida
    • tengo un error de «opción disabledTimeIntervals no es reconocido!»
    • ¿tiene usted momentjs.com ? la variable tiene que ser pasado en ese formato.
    • sí, yo tenía momentjs

Dejar respuesta

Please enter your comment!
Please enter your name here