Angular 日期选择器始终显示第1天
我使用angular 5反应式表单和ngx引导日期选择器进行日期输入Angular 日期选择器始终显示第1天,angular,datepicker,ngx-bootstrap,Angular,Datepicker,Ngx Bootstrap,我使用angular 5反应式表单和ngx引导日期选择器进行日期输入 <div class="col-sm-3 form-group"> <input type="text" class="form-control" placeholder="End Date" formControlName="endDate" [bsConfig]="{ containerClass: 't
<div class="col-sm-3 form-group">
<input type="text" class="form-control"
placeholder="End Date"
formControlName="endDate"
[bsConfig]="{ containerClass: 'theme-dark-blue', dateInputFormat: 'YYYY-MM-DD' }"
bsDatepicker>
</div>
ngOnInit(){
this.createEditForm();
}
createEditForm(){
this.editForm = this.fb.group(
{
id: [this.id],
startDate: [this.startDate, Validators.required],
endDate: [this.endDate],
annualSalary: [this.annualSalary, Validators.required],
userId: [this.userId]
});
恩戈尼尼特(){
这个.createEditForm();
}
createEditForm(){
this.editForm=this.fb.group(
{
id:[this.id],
startDate:[this.startDate,Validators.required],
endDate:[此.endDate],
annualSalary:[this.annualSalary,Validators.required],
userId:[这个。userId]
});
}
但当我更改输入日期时,前端显示正确的日期(如我键入2018-01-03时,它显示2018-01-03),但表单值显示如第1天(2018-01-02)
我试图将日期设置为字符串,但仍然不起作用
还有没有一种方法可以将每个日期转换为字符串,只使用YYYY-MM-DD,而不使用时间和区域
我使用ngx boostrap 2.0.5(尝试3.0.1它会产生错误)
你忘了绑定模型了我使用了这个函数
onHidden
它对我有用,希望对你有帮助
我使用reactiveform,我已经在输入框中声明了formcontrol。它可以工作,只是日期不对。
<p><code>ngModel</code> property sets two-way data binding in this example</p>
<div class="row">
<div class="col-xs-12 col-12 col-md-4 form-group">
<input class="form-control" #drp="bsDaterangepicker" bsDaterangepicker
[(ngModel)]="bsRangeValue">
</div>
<div class="col-xs-12 col-12 col-md-3 form-group">
<button class="btn btn-success" (click)="drp.toggle()" [attr.aria-
expanded]="drp.isOpen">Date Range Picker</button>
CutTimeZoneDate(){
let d:Date = this.form.get(your-nameform-control).value
d.setHours(d.getHours() - d.getTimezoneOffset() / 60);
this.form.get(your-nameform-control).setValue(d)