Questions tagged [ngb-datepicker]
82 questions
0
votes
2 answers
ngb-datepicker does not update model value when using custom NgbDateParserFormatter
I created a custom component that holds inside an angular date picker, problem is that I need to format the way the date is displayed depeding on the app's selected language, that why I created a custom NgbDateParserFormatter. When I provide my…

Christian Del Rio
- 90
- 1
- 9
0
votes
0 answers
Ngb datepicker inline support for container body
I am using ndbdatepicker inline and i am forced to used it as my old functionality is having to many work which i cant change and so i need a support for container body as we have this in case of ngbInputDatepicker any solution ?

Shashank Agarwal
- 51
- 2
0
votes
1 answer
NgbDatepicker shared component popup toggle() is not a function
I have a ngbdatePicker shared component for popup and trying to use it in one of the components, but open/close (toggle) is not working.
I tried using NgbDatepicker and NgbInputDatepicker, but same issue. I'm trying to open/close the popup when…

Harry
- 546
- 6
- 22
- 50
0
votes
0 answers
Ngb Datepicker Select Multiple Day
[
{
"year": 2022,
"month": 11,
"day": 23
},
{
"year": 2022,
"month": 11,
"day": 26
},
{
"year": 2022,
"month": 11,
"day": 6
}
]
I want to fetch dates coming as json selected in DateTimePicker.…

Ali Parlatti
- 47
- 1
- 7
0
votes
0 answers
Ng boostrap datepicker extend language i18 angular, typescript
I am trying to extend language of datepicker, ngBootstrap datepicker, and found this solution
Use a ng-bootstrap internationalized datepicker in an input
That think it is working ok, but I use new typescript version and have error on compile, this…

Miomir Dancevic
- 6,726
- 15
- 74
- 142
0
votes
0 answers
Change Ngb-datepicker weekday naming
I'm trying to achieve this design using ngb-datepicker and so far I have customized most of it but I only need help with two things. How do I edit the weekday names on header and align the footertemplate to the right side ?
user18643652
0
votes
3 answers
ngb-Datepicker show wrong month on popup
I'm working with angular bootstrap datepicker and having some weird issues.
When opening the webpage everything looks alright, but when I want to change the date and I click on the calendar button to get the popup calendar it is showing the wrong…

roy
- 13
- 7
0
votes
1 answer
Ngb DatePicker - month not changing from current month even the date is changed to next month
{{time}}
when I try to navigate from the date for next month by the logic .It does apply to the next month date but calender view is not changing to the appropriate month.
var newDate = new…
0
votes
1 answer
Class constructor NgbDatepickerConfig cannot be invoked without 'new'
After updating to Angular 13 and ng-bootstrap to v11.0.0 (as stated here one should use v11.0.0 for Angular 13 and bootstrap 4) I get the following error in jest(v27.5) tests:
TypeError: Class constructor NgbDatepickerConfig cannot be invoked…

Артем Ильин
- 21
- 4
0
votes
1 answer
Angular using ngbdatepicker throwing RangerError: Maximum call stack size exceeded
I am using the following code in my angular component template.

Mukil Deepthi
- 6,072
- 13
- 71
- 156
0
votes
2 answers
Angular Bootstrap Datepicker not binding
I'm trying to use a datepicker and it doesn't seem to be displaying in the input control. The data is coming back correctly because I can pipe it out to the screen and see it.
Angular version: "@angular/core": "~11.2.11"
bootstrap…

Dennis
- 93
- 9
0
votes
1 answer
I am getting getdate is not a function in ngbdatepicker in typescript
Below is the code to get the date range between start and end date but when the array is returned getDate is not a function error is consoled
checkdate(dt){
let dtdates=new Date(dt);
dtdates.setDate(dt.getDate() + 1);
return dtdates
…

am's
- 21
- 7
0
votes
1 answer
Change date on change event in ngb-datepicler
I have this range selection popup from ngb-datepicker here.
I got the initial date from the backend it's working fine. but when I m updating the date it didn't change in the input field. how to fix this error?

Karan Gupta
- 11
- 5
0
votes
1 answer
How supply string as input for Ngbdatepicker in Angular 8
We are using ngbDatePicker in our application. From backend getting date as a string
and ngbDatePicker work with {year: Value, month: Value, day: Value}.

shubham
- 89
- 7
0
votes
1 answer
angular bootstrap datepicker input add styles by clicking
I’m trying to apply styles to input by clicking.
I need an orange frame around the field when I press it, if I use a focus then it is used for a moment and then disappears as it moves into the calendar field.
I solved the problem this way.
…

Олексій Потапов
- 1
- 1