Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/vba/15.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
Javascript 使用Angular和ng引导设置默认占位符日期_Javascript_Html_Angular_Ng Bootstrap - Fatal编程技术网

Javascript 使用Angular和ng引导设置默认占位符日期

Javascript 使用Angular和ng引导设置默认占位符日期,javascript,html,angular,ng-bootstrap,Javascript,Html,Angular,Ng Bootstrap,我正在尝试为日期选择器设置一个占位符日期(现在),但是无法解决如何设置 请帮忙 从'@angular/core'导入{Component}; 从“日期格式”导入{NgbDateCustomParserFormatter}; @组成部分({ 选择器:“ngbd日期选择器弹出窗口”, templateUrl:'./datepicker popup.html', valuedate=新日期(); }) 导出类NgbdDatepickerPopup{ 型号={年份:2017,月份:8,日期:8}; }

我正在尝试为日期选择器设置一个占位符日期(现在),但是无法解决如何设置

请帮忙

从'@angular/core'导入{Component};
从“日期格式”导入{NgbDateCustomParserFormatter};
@组成部分({
选择器:“ngbd日期选择器弹出窗口”,
templateUrl:'./datepicker popup.html',
valuedate=新日期();
})
导出类NgbdDatepickerPopup{
型号={年份:2017,月份:8,日期:8};
}

切换

这里有几件事:

A) “AngularJS”通常指的是Angular1.x,这显然是Angular2+

B) 根据您试图将valuedate放在组件装饰器中而不是作为类定义中的属性的事实判断,我认为您需要学习很多Angular知识,然后才能着手构建自己的组件来实现这一点。有几个组件库将为您提供一个日期选择器,包括和

C) 双大括号语法用于插值,本质上是插入文本。如果您确实需要在此处滚动您自己的组件,类似的方法可能会奏效(注意:使用momentjs库):


为占位符创建格式:

present : Date  = new Date();
model           = 
{
    year : this.present.getFullYear(), 
    month: this.present.getMonth()+1, 
    day  : this.present.getDate()
};

placeHolderText = this.model.year + '-' + this.model.month + '-' + this.model.day;
然后


OP在我看到将AngularJS更新为AngularJS后编辑了他的问题,忽略了A。
<input type="text" ngbDatepicker placeholder="placeHolderText" ...