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" ...