角度设置HTML日期选择器的默认值
[(ngModel)]未设置日期选择器的默认值。我尝试了各种不同的方法来填充日期选择器,但一直无法完成 我的HTML角度设置HTML日期选择器的默认值,html,angular,date,datetime,binding,Html,Angular,Date,Datetime,Binding,[(ngModel)]未设置日期选择器的默认值。我尝试了各种不同的方法来填充日期选择器,但一直无法完成 我的HTML <input id="START_DATE" type="datetime-local" [(ngModel)]="startDate"/> 在该示例中,绑定可以工作,但我无法设置默认值 我可以设置值,如果我只是插值的值,但我失去了我的双向绑定。value=“{startDate}}”Plunker- 您可以将字符串类型属性绑定到输入日期类型。您必须将“日期对象
<input id="START_DATE" type="datetime-local" [(ngModel)]="startDate"/>
在该示例中,绑定可以工作,但我无法设置默认值
我可以设置值,如果我只是插值的值,但我失去了我的双向绑定。value=“{startDate}}”Plunker-
您可以将字符串类型属性绑定到输入日期类型。您必须将“日期对象”转换为“字符串”,并将字符串值存储在类组件属性中。将相应的属性(组件类)绑定到HTML元素(模板)
您还可以根据用例创建一个可定制的“日期到字符串”格式函数 我更喜欢这个。非常感谢。这很好用,但必须要问为什么不能直接用
[(ngModel)]
和日期?
<input type="date" [ngModel] ="dt | date:'yyyy-MM-dd'" (ngModelChange)="dt = $event">
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
startDate = new Date().toISOString().slice(0, 16);
constructor(){
}
}