Quería mostrar el selector de fecha, tan pronto como se carga la página.

<DatePicker
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/datePicker"
        android:layout_gravity="center_horizontal|top"
        android:headerBackground="?attr/colorPrimary"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        />

He usado Android studio y escribió el código de arriba para obtener la salida como en la imagen de abajo.
Cómo mostrar el selector de Fecha en IÓNICA 2?

Quería aplicar lo mismo utilizando iónico 2 y escribió el siguiente código para obtener el selector de fecha.

import {Component} from '@angular/core';
import {DatePicker} from 'ionic-native';
import {Calendar} from 'ionic-native';
import {Platform} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/hello-ionic/hello-ionic.html'
})
export class HelloIonicPage {



constructor(platform: Platform) {
    platform.ready().then(() => {
      let options = {
        date: new Date(),
        mode: 'date'
      }

  DatePicker.show(options).then(
    date => {
      alert('Selected date: ' + date);
    },
    error => {
      alert('Error: ' + error);
    }
  );
});


}
}

Y me estoy poniendo el selector de fechas como en la siguiente imagen.
Cómo mostrar el selector de Fecha en IÓNICA 2?

Ahora mi pregunta es cómo obtener el mismo DatePicker como en la Primera imagen?

  • Lo siento.No podía reducir el tamaño de la imagen
  • puede usted por favor proporcione una plunker para la aplicación que tu haciendo el calendario de la parte, sería de ayuda

1 Comentario

  1. 0

    Está utilizando DataPicker de Ionic-Nativo. Usted puede investigar más sobre Iónica Nativo, pero la breve idea es que se ajusta a todos los diferentes córdoba plugins, el usuario debe facilitar.

    Para DataPicker, si nos fijamos en el código fuente, es usando el plugin de córdoba-plugin-datapicker. (https://github.com/VitaliiBlagodir/cordova-plugin-datepicker)

    Bajo el README, hay un montón de opciones que puede seleccionar cuando la inicialización de la DataPicker. El plugin sólo abastece a definido android temas:

    androidTheme - Android
    Choose the theme of the picker
    Type: Int
    Values: THEME_TRADITIONAL | THEME_HOLO_DARK | THEME_HOLO_LIGHT | THEME_DEVICE_DEFAULT_DARK | THEME_DEVICE_DEFAULT_LIGHT
    Default: THEME_TRADITIONAL
    

    Para obtener más detalles acerca de los temas, usted puede comprobar fuera de este tema abierto en el selector de fecha plugin. (https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/issues/180) Ya que todos estos temas están basados en Android API, todavía no he visto alguna sugerencia sobre cómo cambiar manualmente los colores. Sería bueno para publicar tu pregunta en el plugin de la página.

    • Sus casi cerca de lo que yo estoy buscando.Pero se muestra como la ventana emergente. Hay alguna forma de conseguirlo en la página en lugar de popup?
    • ¿Qué acerca del uso del Calendario de Ionic-Nativo en lugar de selector de fecha?
    • Es la navegación que el usuario de la aplicación actual a la aplicación de calendario.
    • Si usted está buscando un calendario, luego DatePicker no sería la opción correcta ya que es puramente para la selección de una fecha y hora. Si no me equivoco, el desarrollo del calendario de interfaz de usuario en Iónica 2 que aún no lo han hecho y por lo tanto no se admite. Usted puede tomar un vistazo a esta publicación y ver la respuesta de Iónicas equipo. (forum.ionicframework.com/t/calender-component/53782/3) pueden existir otras formas de solucionar, pero aunque no estoy seguro tampoco.

Dejar respuesta

Please enter your comment!
Please enter your name here