读取日期选择器选择的值丢失

时间:2016-11-30 18:01:49

标签: angular angular2-forms

我使用Date Range Picker实现了日期选择器。使用此库,我通过Angular 2组件的component.html模板中的以下代码设置了日期选择器。

<input type="text" class="date-picker form-control" id="expect_comp_date"
         name="expect_comp_date" [(ngModel)]="model.expect_comp_date" #expect_comp_date="ngModel">

The Prolem I have face on this gif showcase

此处如果单击clander日期,日期将显示在文本框中。当我触发提交按钮时,日期不会发送到POST请求。

如果我在文本框中输入一些值并在发送POST请求后删除,则通过POST请求成功发送日期值。

为什么会这样?如何仅通过选择日期时间选择器对话框来读取值。

我的发送POST请求的服务提供商如下

createNewJob(model: Job) {
var params = JSON.stringify({
  job_code: model.job_code,
  customer_id: model.customer_id,
  expect_comp_date: model.expect_comp_date,
  actual_comp_date: model.actual_comp_date,
  job_note: model.job_note,
  service_requests: []
});

var headers = new Headers();
headers.append('Content-Type', 'application/json');
return this.http.post('[MY_POST_REQUEST_URL]', params, {headers: headers})
  .map(res => res.json());
}

0 个答案:

没有答案