Pickadate от> до регистрации / оформления заказа - PullRequest
Новая
       32

Pickadate от> до регистрации / оформления заказа

1 голос
/ 28 марта 2019

Я создаю форму с помощью Pickadate (3.5.6) для регистрации и выезда, где пользователь выбирает даты приезда и отъезда.

Я хотел бы, чтобы форма для выпискибыть автоматически установлен на месяц прибытия, к сожалению, этот скрипт не работает должным образом.

С моим скриптом календарь не открывается и пикадат не загружается

есть предложения?

HTML: 

<input type="date" name="checkin" class="form-control calendario datepic campo" required="" placeholder="Check-in" autocomplete="off" id="input_from">
                <span class="form-label">Check-In</span>
                <input type="date" name="checkout" class="form-control calendario datepic" required="" placeholder="Check-out" autocomplete="off" id="input_to">
                <span class="form-label">Check-Out</span>

JAVA: 

  $.extend($.fn.pickadate.defaults, {
    monthsFull: ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'],
    weekdaysShort: ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'],
    weekdaysFull: [ 'Domenica', 'Lunedi', 'Martedi', 'Mercoledi', 'Giovedi', 'Venerdi', 'Sabato' ],
    today: 'Oggi',
    clear: 'Cancella',
    close: 'Chiudi',
    firstDay: 1,
    formatSubmit: 'yyyy-mm-dd',
    hiddenName: true,
    labelMonthNext: 'Mese successivo',
    labelMonthPrev: 'Mese precedente',
    labelMonthSelect: 'Seleziona un mese',
    labelYearSelect: 'Seleziona un anno',
    min: true,
  });

    var from_$input = $('#input_from').pickadate(),
    from_picker = from_$input.pickadate('picker')

    var to_$input = $('#input_to').pickadate(),
    to_picker = to_$input.pickadate('picker')


    // Check if there’s a “from” or “to” date to start with.
    if ( from_picker.get('value') ) 

    {        
       var today = new Date($('#input_from').val());
       today.setDate(today.getDate() + 1)
      to_picker.set('min', today)
    }
    if ( to_picker.get('value') ) 
    {
       var today = new Date($('#input_to').val());
    today.setDate(today.getDate() - 1)
      from_picker.set('max', today)


    }
    // When something is selected, update the “from” and “to” limits.
    from_picker.on('set', function(event) 
    {

      if ( event.select ) 
      {
         var today = new Date($('#input_from').val());
    today.setDate(today.getDate() + 1)
        to_picker.set('min', today)    
      }

      else if ( 'clear' in event ) 
      {

        to_picker.set('min', false)
      }

    })

    to_picker.on('set', function(event) 
    {
      if ( event.select ) 
      {
        var today = new Date($('#input_to').val());
    today.setDate(today.getDate() - 1)
        from_picker.set('max', today)
      }
      else if ( 'clear' in event ) 
      {

        from_picker.set('max', false)
      }
    })
...