Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
角度设置HTML日期选择器的默认值_Html_Angular_Date_Datetime_Binding - Fatal编程技术网

角度设置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- 您可以将字符串类型属性绑定到输入日期类型。您必须将“日期对象

[(ngModel)]未设置日期选择器的默认值。我尝试了各种不同的方法来填充日期选择器,但一直无法完成

我的HTML

<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(){
  }
}