Как вы меняете время из кода в Datpicker? - PullRequest
Новая
       39

Как вы меняете время из кода в Datpicker?

0 голосов
/ 11 мая 2018

Я хотел бы выбрать дату, затем преобразовать ее в последний день месяца и отобразить в сборщике данных?Кто-нибудь уже сделал что-то подобное?Я боролся в течение двух дней, и я до сих пор не нашел проблему решенной.Проблема касается самого дисплея и даты выбора.Если у кого-то есть идея, я прошу привести пример добродетели.

Ответы [ 2 ]

0 голосов
/ 11 мая 2018

Я бы порекомендовал вам использовать встроенные средства выбора даты (html), чтобы сделать вашу жизнь проще.Если он у вас есть, он будет работать везде (приложения для ПК, Интернета или телефона)

Нажмите здесь, чтобы увидеть рабочий пример с датчиками на JSFiddle 

const $origin_day = document.querySelector('label:first-of-type > input')
const $last_day = document.querySelector('label:last-of-type > input')

$origin_day.onchange = () => {
  if (!$origin_day.value) return;

  const date = new Date($origin_day.value)
  $last_day.value = new Date(date.getFullYear(), date.getMonth() + 1, 1)
    .toISOString().slice(0, 10)
}
0 голосов
/ 11 мая 2018

Как вы можете написать в плане JS, вы должны взглянуть на эту ветку о том, как получить последний день предыдущего месяца

Вы не сказали нам, какой указатель даты вы используете, но, предполагая, что это средство выбора даты, при использовании форм Reactive оно выглядит следующим образом: 

JS:    this.editForm.controls['dateTo'].setValue(yourDate);
        HTML:
         <input matInput [matDatepicker]="pickerTo" placeholder="Choose a date" id="cmp_dateEndField" 
                            [formControl]="dateTo">
                            <mat-datepicker-toggle matSuffix [for]="pickerTo"></mat-datepicker-toggle>
                            <mat-datepicker #pickerTo></mat-datepicker>
...