Bootstrap/AngularJS datepicker?

[Chris N]

I'd like to migrate my current jquery mobile app to angular and have been reviewing the current controls in use. I've made heavy use of two that I don't see represented in Bootstrap/AngularJS:

1. Collapsible - Perhaps this is simply the same as Accordion?

2. Datepicker (with calendar popup) - I don't see any way to use a date or time control in Bootstrap/AngularJS

   I know there are some other ways to do datepicker in angular (e.g.https://angular-ui.github.io/bootstrap/), but without it being represented in the UI for Appery.io I don't see how I can make use of these control types effectively.

[Serhii Kulibaba]

Hello Chris,

Please use HTML component to add datepicker from https://angular-ui.github.io/bootstrap/. Also you should add datepicker.js before into your app.

[Chris N]

Hi Sergiy,

To clarify, you recommend the following action?

1. Add UI Bootstrap js as a resource for project

2. Add html component to page

3. For HTML source, reference control type e.g. input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close"

   Any other steps?

   If I follow this, I'm assuming the input will not show up in any of the mapping actions and mapping would need to be done manually. Is that correct?

   Thank you,
   Chris

[Serhii Kulibaba]

You are right. There aren't any additional steps.

[Marco7973452]

Hi there

Did you get your datepicker to work on a mobile device (not on a desktop browser)? I am having some issues with the appery tester app on andriod 4.2.2.

Regards