Breaking News: Grepper is joining You.com. Read the official announcement!

ngbdatepicker disable input

Bek Consulting answered on June 21, 2022 Popularity 7/10 Helpfulness 5/10

answer ngbdatepicker disable input

ngbdatepicker disable input

Comment

<h1>Disabling and limiting dates</h1>
<!-- You can limit the dates available for navigation and selection using [minDate] and [maxDate] inputs. If you don't specify any of them, you'll have infinite navigation and the year select box will display [-10, +10] years from currently visible month. -->
<!-- If you want to disable some dates for selection (ex. weekends), you have to provide the [markDisabled] function that will mark certain dates not selectable. It will be called for each newly visible day when you navigate between months. -->
<!-- ex. disable the 13th of each month -->

<script>
const isDisabled = (date: NgbDate, current: {month: number}) => date.day === 13;
</script>

<ngb-datepicker [minDate]="{year: 2010, month: 1, day: 1}"
                [maxDate]="{year: 2048, month: 12, day: 31}"
                [markDisabled]="isDisabled">
</ngb-datepicker>

Popularity 7/10 Helpfulness 5/10 Language html

Source: ng-bootstrap.github.io

Tags: disable html input ngb-datepicker

Link to this answer
Share Copy Link

Contributed on Jun 21 2022

Bek Consulting

0 Answers Avg Quality 2/10

ngbdatepicker disable input

Contents

More Related Answers

ngbdatepicker disable input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.