Select date from the current date using pickadate.js

Question

Select date from the current date using pickadate.js

Navigation

#1 by (0 votes)

0

I'm working on a simple project for a hostel, the site has a small application form. There are two fields to select the date of entry and another to select the date of exit. I'm using the library library as I've been working with it for some time.

The problem is that I am not finding a way so that the second input where I will load the exit date, is greater than the selected date in the field of arrival, also has in those ticket buying sites. Someone gives me a light?

$('.data1').pickadate({
  formatSubmit: 'yyyy/mm/dd',
  closeOnSelect: true,
  closeOnClear: true,
  monthsFull: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
  monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
  weekdaysFull: ['domingo', 'segunda-feira', 'terça-feira', 'quarta-feira', 'quinta-feira', 'sexta-feira', 'sábado'],
  weekdaysShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
  today: 'hoje',
  clear: 'limpar',
  close: 'fechar',
  format: 'dd/mm/yyyy'
});

$('.data2').pickadate({
  formatSubmit: 'yyyy/mm/dd',
  closeOnSelect: true,
  closeOnClear: true,
  monthsFull: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
  monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
  weekdaysFull: ['domingo', 'segunda-feira', 'terça-feira', 'quarta-feira', 'quinta-feira', 'sexta-feira', 'sábado'],
  weekdaysShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
  today: 'hoje',
  clear: 'limpar',
  close: 'fechar',
  format: 'dd/mm/yyyy'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script><scriptsrc="https://parahybahostel.com.br/js/picker.js"></script>
<script src="https://parahybahostel.com.br/js/picker.date.js"></script><linkhref="https://parahybahostel.com.br/css/classic.css" rel="stylesheet" />
<link href="https://parahybahostel.com.br/css/classic.date.css" rel="stylesheet" />

<form method="POST">
  Entrada:
  <input type="text" name="chegada" class="data1" value="" />
  <br />
  <br /> Saída:
  <input type="text" name="saida" class="data2" value="" />
</form>

javascript jquery

asked by anonymous 28.11.2017 / 16:02

1 answer

Month and day inverted when saving to database Reload Div SetInterval only when there is a new record

score 0 · Answer 1

Use the min: new Date () in YYYY / MM / DD format See the documentation for examples

$('.data1').pickadate({
  formatSubmit: 'yyyy/mm/dd',
  min: new Date(2017,11,28), // defina aqui adata de hoje
  closeOnSelect: true,
  closeOnClear: true,
  monthsFull: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 
 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
  monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 
 'Set', 'Out', 'Nov', 'Dez'],
  weekdaysFull: ['domingo', 'segunda-feira', 'terça-feira', 'quarta-feira', 
 'quinta-feira', 'sexta-feira', 'sábado'],
  weekdaysShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
  today: 'hoje',
  clear: 'limpar',
  close: 'fechar',
  format: 'dd/mm/yyyy'
});