Angularjs UI Datepicker with ui.mask

Question

I am trying to use ui datepicker with ui.mask:

 <div class="row">
    <div class="col-md-6">
        <p class="input-group">
          <input type="text" class="form-control" ui-mask="99.99.9999" datepicker-popup="dd.MM.yyyy" ng-model="dt" is-open="opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
          <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
          </span>
        </p>
    </div>
</div>

But when i select date for example 11.11.2015, it shows up in input as 11.20.1500

What am i doing wrong? Here is a plunker: http://plnkr.co/edit/1lXyWDAig2MRajxMLrLF?p=preview

And then nothing use datepicker-popup="dd.MM.yyyy" to format the date, what's the question? — michelem
– michelem, Commented Nov 11, 2015 at 7:40
i want to have both - datepicker and masked input. if user wants he uses datepicker, otherway he types date in input. — Jack Malkovich
– Jack Malkovich, Commented Nov 11, 2015 at 7:41

macrog · Accepted Answer · 2015-11-11 07:36:18Z

1

change your ui-mask to ui-mask="XX.XX.XXXX" and it should be working fine

answered Nov 11, 2015 at 7:36

macrog

2,0951 gold badge23 silver badges30 bronze badges

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

5 Comments

Jack Malkovich Over a year ago

then mask not working. i need masked input with datepicker

macrog Over a year ago

?? what exactly you are trying to do ?

Jack Malkovich Over a year ago

i want to have both - datepicker and masked input. if user wants he uses datepicker, otherway he types date in input.

macrog Over a year ago

ok, sorry didn't get that right, so ... your problem is that when you select a date your ng-model dt = "2015-11-11T07:47:07.798Z"

macrog Over a year ago

Let us continue this discussion in chat.

Collectives™ on Stack Overflow

Angularjs UI Datepicker with ui.mask

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related