NgbDatepicker show months and years only

angular ng-bootstrap
Noise A. picture Noise A. · May 30, 2017 · Viewed 9.2k times · Source

I am developing an app using Bootstrap 4 components, powered by Angular 4, and i have trouble configuring the NgbDatepicker directive to show only the months and years, not the days - like for credit cards.

I want to select only the month and year, i don't care about choosing a specific day.

My input looks like this:


<input id="demodate" type="text" name="demodate" ngbDatepicker
#startDateDp="ngbDatepicker" [(ngModel)]="modelDate"/>

I tried all the properties listed for the directive listed here

https://ng-bootstrap.github.io/#/components/datepicker

but none of them seem to help me. Any ideas?

Answer

BrunoJCM picture BrunoJCM · Feb 14, 2020

There is a request for that:

https://github.com/ng-bootstrap/ng-bootstrap/issues/1811

As of now (Feb/2020), this is not supported yet.

Related questions

Bootstrap dropdown with Angular 6

I'm trying to create a dropdown item in a Bootstrap navbar using Angular 6. My code is working when I test it online : <nav class="navbar bg-light navbar-light navbar-expand"> <ul class="navbar-nav"> <li class="nav-item dropdown" &…

Read More
What is the difference between "ng-bootstrap" and "ngx-bootstrap"?

What is the difference between "ng-bootstrap" and "ngx-bootstrap"? Are they related to each other? Or are they simply concurrent implementations? Has someone worked with them both and can give/explain pros and cons of both? With "ng-bootstrap" I mean https://…

Read More
How to programmatically close ng-bootstrap modal?

I've got a modal: <template #warningModal let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" aria-label="Close" (click)="d('Cross click')"> <span aria-hidden="true">&times;</span> &…

Read More