[英]How do you navigate in ngb-datepicker?
Starting with the "Datepicker in a popup" example from ng-bootstrap ( here ), I tried adding another button for date navigation; 从ng-bootstrap的“弹出窗口中的Datepicker”示例开始( 在此处 ),我尝试添加另一个用于日期导航的按钮。 however, I can't get this to work. 但是,我无法使它正常工作。
Any ideas would be appreciated. 任何想法,将不胜感激。
<form class="form-inline">
<div class="form-group">
<div class="input-group">
<input class="form-control" placeholder="yyyy-mm-dd"
name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
**<button class="btn btn-outline-secondary calendar" (click)="d.navigateTo()" type="button">Nav to this month</button>**
</div>
</div>
</div>
</form>
use navigateTo just after toggle. 切换后立即使用navigationTo。 You can use an auxiliar variable "auxiliar" Some like: 您可以使用辅助变量“ auxiliar”,例如:
<button class="btn btn-outline-secondary"
(click)="auxiliar={year:2020,month:3}" type="button">Nav to 2020/03</button>
<div class="input-group">
<input class="form-control" placeholder="yyyy-mm-dd"
name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="d.toggle();d.navigateTo(
{year:!model?auxiliar.year:model.year,
month:!model?auxiliar.month:model.month})"
type="button">
</button>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.