我是JHipster的新手,正在学习它的结构和自定义方法。在一个组件视图中,我想知道在哪里修改生成的日期选择器,使其只允许选择落在星期一的日期,而不是全局修改。以下是生成的组件HTML:
在 Javascript/HTML 中,这可以通过 script 标签内的 JavaScript 实现。
在 JHipster 中,日期选择器是如何自定义的?
<div class="form-group">
<label class="form-control-label" jhiTranslate="deploymentApp.plan.startDate" for="field_startDate">Start Date</label>
<div class="d-flex">
<input id="field_startDate" type="datetime-local" class="form-control" name="startDate" formControlName="startDate" placeholder="YYYY-MM-DD HH:mm"/>
</div>
</div>
从component.ts文件中可以看到唯一与日期相关的代码块:
ngOnInit(): void {
this.activatedRoute.data.subscribe(({ plan }) => {
if (!plan.id) {
const today = moment().startOf('day');
plan.startDate = today;
}
this.updateForm(plan);
this.areaService.query().subscribe((res: HttpResponse<IArea[]>) => (this.areas = res.body || []));
});
}
在 Javascript/HTML 中,这可以通过 script 标签内的 JavaScript 实现。
在 JHipster 中,日期选择器是如何自定义的?