如果你想在Angular 6的日期选择器中禁用输入字段并且不与表单对象绑定,可以使用ReactiveFormsModule
来创建一个响应式表单,并使用FormControl
来管理日期选择器的值。下面是一个示例代码:
ReactiveFormsModule
创建一个表单,并使用FormControl
来管理日期选择器的值。在日期选择器的输入字段上使用[readonly]
属性来禁用输入:
FormBuilder
来创建表单,并使用FormControl
来初始化日期选择器的值:import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
datepicker: new FormControl(new Date())
});
}
}
myForm
的值来获取日期选择器的值:this.myForm.value.datepicker
这样,你就可以在Angular 6的日期选择器中禁用输入字段并且不与表单对象绑定了。