Forum | Appery.io

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.

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.

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

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

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