Выбор диапазона дат

Question

Framework, который я использую (Angular) и ngx-bootstrap 2.0.5

Я хочу сделать реактивную форму и подготовить данные для отправки через API. Но у меня проблема с компонентом выбора диапазона данных.

Модель API отдыха, кроме данных JSON, как это. (Например) { "firstName": "Джон", "lastName": "Baily", "startDate": "01/01/2018", "endDate": "01/06/2018" }

Я подготовил все данные, но когда я хочу использовать Диапазон выбора данных, я не могу отделить дату от массива до 2 объектов. Например, данные из диапазона выбора данных "спектр": [ "2018-06-03T18: 51: 51.000Z", "2018-07-01T18: 51: 51.000Z" ]

И мне нужно, чтобы эти данные были установлены в 2 объекта, один в startDate, а другой в endDate.

Не могли бы вы помочь мне с этим?

Answer 1

машинопись

  Form: FormGroup;

  const r1 = this.Form.get('range').value[0];
  const r2 = this.Form.get('range').value[1];

  const fromDate = new Date(r1);
  const toDate = new Date(r2);

HTML

  <form [formGroup]="Form">
    <div class="form-group">
      <input class="form-control" #drp="bsDaterangepicker" bsDaterangepicker formControlName="range">
    </div>

  </form>

Answer 2

Наличие

"range"= [ "2018-06-03T18:51:51.000Z", "2018-07-01T18:51:51.000Z" ]

Вы можете просто

{ "firstName": "John", "lastName": "Baily", "startDate": range[0], "endDate": range[1] }

Понятно, почему вашему API требуется пользовательский формат, застрахованный на ISO, но вам нужно будет преобразовать эти даты в необходимый API-формат - это довольно легко найти, как отформатировать Date объекты