Angular bootstrap datepicker-popup with disabled input

Ayeye Brazo

Why datepicker-popup doesn't work if the input is disabled? And how can I let it work?

Code:

span.input-group
  input.form-control(
    type="text"
    name="accountDate"
    ng-model="account.date"
    min-date="minDate"
    max-date="maxDate"
    datepicker-options="dateOptions"
    ng-disabled="true"
    uib-datepicker-popup="{{format}}"
    is-open="date.isOpen"
    close-text="Close"
    close-on-date-selection="true"
    show-button-bar="false"
  )
  span.input-group-btn
    button.btn.btn-default(
      type="button"
      ng-click="openDatePicker()")
      i.glyphicon.glyphicon-calendar

If I remove ng-disabled it works as expected. I tried to replace it with disabled and disabled="disabled"... not working at all.

I need it to be disabled and if I click on the button it should display the date picker...

uedemir

A disabled input element is unusable and un-clickable. Source.

Try to use ng-readonly instead ng-disabled.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Angular Bootstrap datepicker - date disabled

From Dev

Angular Bootstrap datepicker - date disabled

From Dev

angularjs ui bootstrap datepicker popup without text input field

From Dev

bootstrap datepicker not disabled previous dates

From Dev

Angular: Content of a disabled input

From Dev

bootstrap datepicker, beforeShowDay and array of disabled dates

From Dev

How to check whether a date is disabled or not in Bootstrap Datepicker?

From Dev

angular 2 ng-bootstrap datepicker popup always 1 month off

From Dev

Change Angular Bootstrap datepicker

From Dev

UI Bootstrap Datepicker Popup not working with Modal and ControllerAs

From Dev

Bootstrap-datepicker uses previous value in popup

From Dev

Switch disabled on input with angular 2

From Dev

Angular custom directive for Datepicker, popup issue

From Dev

Ember Bootstrap disabled text input box

From Dev

Bootstrap: Using a disabled button as a form input

From Dev

Positioning Angular UI bootstrap Datepicker

From Dev

Angular Bootstrap Datepicker Multiple Formats

From Dev

Language in Angular datepicker directive for bootstrap

From Dev

Datepicker angular directive for Bootstrap not showing

From Dev

Positioning Angular UI bootstrap Datepicker

From Dev

Bootstrap Angular Datepicker format is not working

From Dev

Angular datepicker bootstrap with responsive table

From Dev

Set disabled months in bootstrap datepicker using array of date strings is not working

From Dev

Setting angular-ui bootstrap datepicker to accept UK date input (dd MM yyyy)

From Dev

Make angular ui-bootstrap datepicker the only way to add date to input

From Dev

Why did my UI Bootstrap datepicker-popup stop working?

From Dev

Angularjs datepicker popup bootstrap-ui does not work in view

From Dev

Angularjs datepicker popup bootstrap-ui does not work in view

From Dev

Disabled all input in angular-formly

Related Related

  1. 1

    Angular Bootstrap datepicker - date disabled

  2. 2

    Angular Bootstrap datepicker - date disabled

  3. 3

    angularjs ui bootstrap datepicker popup without text input field

  4. 4

    bootstrap datepicker not disabled previous dates

  5. 5

    Angular: Content of a disabled input

  6. 6

    bootstrap datepicker, beforeShowDay and array of disabled dates

  7. 7

    How to check whether a date is disabled or not in Bootstrap Datepicker?

  8. 8

    angular 2 ng-bootstrap datepicker popup always 1 month off

  9. 9

    Change Angular Bootstrap datepicker

  10. 10

    UI Bootstrap Datepicker Popup not working with Modal and ControllerAs

  11. 11

    Bootstrap-datepicker uses previous value in popup

  12. 12

    Switch disabled on input with angular 2

  13. 13

    Angular custom directive for Datepicker, popup issue

  14. 14

    Ember Bootstrap disabled text input box

  15. 15

    Bootstrap: Using a disabled button as a form input

  16. 16

    Positioning Angular UI bootstrap Datepicker

  17. 17

    Angular Bootstrap Datepicker Multiple Formats

  18. 18

    Language in Angular datepicker directive for bootstrap

  19. 19

    Datepicker angular directive for Bootstrap not showing

  20. 20

    Positioning Angular UI bootstrap Datepicker

  21. 21

    Bootstrap Angular Datepicker format is not working

  22. 22

    Angular datepicker bootstrap with responsive table

  23. 23

    Set disabled months in bootstrap datepicker using array of date strings is not working

  24. 24

    Setting angular-ui bootstrap datepicker to accept UK date input (dd MM yyyy)

  25. 25

    Make angular ui-bootstrap datepicker the only way to add date to input

  26. 26

    Why did my UI Bootstrap datepicker-popup stop working?

  27. 27

    Angularjs datepicker popup bootstrap-ui does not work in view

  28. 28

    Angularjs datepicker popup bootstrap-ui does not work in view

  29. 29

    Disabled all input in angular-formly

HotTag

Archive