ionic framework datetimepicker without jquery-bootstrap dependencies

Question

I am developing a mobile app using ionic framework. I am looking for a datetime picker without jQuery and bootstrap dependencies. As ionic is using Angular its better if there is any angular datetimepicker without bootstrap.
I found this angular-datepicker https://github.com/alongubkin/angular-datepicker but this is no longer maintained.

Answer 1

I just got it resolved,

<ion-list>
  <span class="item" ion-datetime-picker ng-model="datetimeValue" >
    {{datetimeValue| date: "yyyy-MM-dd H:mm:ss"}}
   </span>
</ion-list>

Unfortunately Andrey Shatilov I dint get a popup with date and time when I tried with ion-item inside ion- list

<ion-list>
   <ion-item>
  </ion-item>
</ion-list>

But fortunately

<ion-list>
    <span class>
     </span>
</ion-list>

this code saved me.

This is how my Date Time picker looks like

Answer 2

You can try this component: https://github.com/katemihalikova/ion-datetime-picker

Demo: http://codepen.io/katemihalikova/full/dYvjzP/

Usage:

<ion-list>
  <ion-item ion-datetime-picker ng-model="datetimeValue">
    {{datetimeValue| date: "yyyy-mm-dd H:mm:ss"}}
  </ion-item>
</ion-list>

Answer 3

you can use the followings controls:

for Datepicker https://github.com/rajeshwarpatlolla/ionic-datepicker

for timepicker https://github.com/rajeshwarpatlolla/ionic-timepicker