Question

我使用的框架（Angular）和ngx-bootstrap 2.0.5

我想制作反应形式并准备数据以通过API发送。但是我对数据范围选择器组件有疑问。

除此类的JSON数据外，其余API模型。（例如） { “ firstName”：“ John”， “ lastName”：“每天”， “ 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

拥有

"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所需的格式-相对容易地用Google搜索出如何格式化Date对象的格式

Answer 2

TypeScript

  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>

日期范围选择器

2 个答案: