Issues with refreshing view for angular-bootstrap-datetimepicker Angular 6

Question

I have been using this date-time picker https://dalelotts.github.io/angular-bootstrap-datetimepicker/index.html and i am changing the configuration based on other selection the user makes, but after the first change the view remains the same(the date-time picker opens on the last view that was used before) even thought the configuration was properly changed. This is a sample of my code:

<dl-date-time-picker minView="{{minView}}"
                     startView="{{startView}}"
                     maxView="year"
                     minuteStep="5"
                     #datepicker
                     [class.weekView-display]="isWeekView"
                     (change)="setDisplayDate($event)"
                     (click)="$event.stopPropagation();">
</dl-date-time-picker>

So, basically the minview and startView updates, but the user still sees the previous view.

Thank you

I did: @ViewChild('datepicker') datePicker: any; ngOnInit() { } ngDoCheck() { this.datePicker.startView = this.startView; } It seems to have my new value but the UI doesn't change its starting view — Ana Munte SPB
– Ana Munte SPB, Commented Nov 2, 2018 at 9:38
setDisplayDate($event) is the function that should update the data ? — Raul Martin
– Raul Martin, Commented Nov 2, 2018 at 13:43
that one is triggered when you selct a date i need the selected date to calculate some things in ts — Ana Munte SPB
– Ana Munte SPB, Commented Nov 2, 2018 at 14:43

dale.lotts · Accepted Answer · 2019-11-28 16:10:05Z

0

I think you want to set startView.

startView is the view when the user first interacts with the date/time picker.

minView is the view when selection happens. Think if it as the last view.

From what you describe, I suspect you want to set startView, or perhaps both startView and minView to the same values.

You can see the the component does property respond to configuration changes by running the demo applocation https://github.com/dalelotts/angular-bootstrap-datetimepicker-demo

The demo is also on StackBlitz but StackBlitz has a bug at the moment - https://stackblitz.com/github/dalelotts/angular-bootstrap-datetimepicker-demo

answered Nov 28, 2019 at 16:10

dale.lotts

4193 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Issues with refreshing view for angular-bootstrap-datetimepicker Angular 6

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related