how to disable angular2-date-picker?

Question

I am using [disabled]="true" for disable datepicker,

app.component.html:

<div>
  <angular2-date-picker [(ngModel)]="date" [settings]="settings" [disabled]="true"></angular2-date-picker>
</div

app.component.ts:

import { Component, OnInit } from '@angular/core';
@Component({    
  selector: 'app-root',  
  templateUrl: './app.component.html',  
  styleUrls: ['./app.component.css'] 
})

export class AppComponent {
  date: Date = new Date(); 
  settings = {
    bigBanner: false,
    timePicker: false,    
    format: 'dd-MM-yyyy',    
    defaultOpen: false,    
    disabled: true    
  }
}

Chellappan வ · Accepted Answer · 2018-12-16 08:18:51Z

3

Try pointer-events

The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of mouse events

  <angular2-date-picker [(ngModel)]="date" [settings]="settings" 
  [ngStyle]="{'pointer-events': true ? 'none' : 'auto' }" >
  </angular2-date-picker>

answered Dec 16, 2018 at 8:18

Chellappan வ

27.9k4 gold badges39 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

how to disable angular2-date-picker?

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