установить текущую дату по умолчанию при вводе типа date - PullRequest
Новая
       8

установить текущую дату по умолчанию при вводе типа date

0 голосов
/ 27 августа 2018

У меня есть ввод типа date, где я использую материализацию, чтобы выбрать дату. Я хочу использовать текущую дату по умолчанию при инициализации.

HTML 

<input formControlName="invoice_date" id="invoice_date" type="date" class="datepicker" materialize="pickadate" [materializeParams]="[{ format: 'yyyy-mm-dd', formatSubmit: 'yyyy-mm-dd',
          closeOnSelect: true, selectMonths: true, selectYears: true, today: '',
          max: true, onSet: onSetDatepicker }]">

JavaScript 

  onSetDatepicker(date) {
    if (date.select) {
      $('#invoice_date').pickadate().pickadate('picker').close();
    }
  }

Ответы [ 2 ]

0 голосов
/ 02 сентября 2018

Может быть, это может помочь вашей проблеме в установке значения даты по умолчанию в качестве текущей даты. 

<input type="text" class="datepicker">
<script>
document.addEventListener('DOMContentLoaded', function () {
        let today = new Date().toLocaleDateString();
        var options = {
            defaultDate: new Date(today),
            setDefaultDate: true
        };
        var elems = document.querySelector('.datepicker');
        var instance = M.Datepicker.init(elems, options);
        instance.setDate(new Date(today));
});
</script>

Как получить текущую дату в JavaScript?

0 голосов
/ 27 августа 2018

В библиотеке datepicker обычно текущим днем ​​является начальная точка по умолчанию, поэтому я не уверен, почему она у вас по-другому. Однако то, что вы могли бы сделать, это установить value поля ввода, чтобы оно содержало дату сегодняшнего дня.

Пример: 

<input formControlName="invoice_date" id="invoice_date" type="date" class="datepicker" 
materialize="pickadate" [materializeParams]="[{ 
format: 'yyyy-mm-dd', formatSubmit: 'yyyy-mm-dd',
          closeOnSelect: true, selectMonths: true, selectYears: true, today: '',
          max: true, onSet: onSetDatepicker }]" 
value="<?php echo date('y-m-d'); ?>">
...