angular6中ng-zorro-antd 中的nz-date-picker的使用方法？

Question

还劳烦那位大神帮帮忙看一下，为什么我得会是这样的？但是我自己的demo里面都好好的啊。
demo：

html：
<div class="form-row">

<div class="form-group col-md-4">
  <label>按时间查询</label>
  <nz-date-picker [nzFormat]="dateFormat"></nz-date-picker>
</div>

</div>
ts
dateFormat = 'yyyy-MM-dd';
placeholder = '选择日期';
模块注入：
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {FormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {NgZorroAntdModule, NZ_I18N, en_US} from 'ng-zorro-antd';