Year set in maxyear first to minyear order closes logisticinfotech#2

bbjoern · Jan 23, 2019 · 63a7bf1 · 63a7bf1
1 parent cf66e6d
commit 63a7bf1
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 29 deletions.
diff --git a/projects/ionic4-datepicker/package.json b/projects/ionic4-datepicker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@logisticinfotech/ionic4-datepicker",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "ionic4-datepicker inspired by rajeshwar patlolla ionic1 datepicker",
   "keywords" :["Angular","Library", "Ionic4", "Datepicker"],
   "license" : "SEE LICENSE IN LICENSE",

diff --git a/...ts/ionic4-datepicker/src/lib/ionic4-datepicker-modal/ionic4-datepicker-modal.component.ts b/...ts/ionic4-datepicker/src/lib/ionic4-datepicker-modal/ionic4-datepicker-modal.component.ts
@@ -332,13 +332,13 @@ export class Ionic4DatepickerModalComponent implements OnInit {
     // console.log('getYearsList =>', from, to);
     // tslint:disable-next-line:prefer-const
     let yearsList = [];
-    let minYear = 1900;
+    let minYear = 1950;
     // let maxYear = 2100;
     // let minYear = 2000;
     let maxYear = new Date().getFullYear() + 1;
     minYear = from ? new Date(from).getFullYear() : minYear;
     maxYear = to ? new Date(to).getFullYear() : maxYear;
-    for (let i = minYear; i <= maxYear; i++) {
+    for (let i = maxYear; i >= minYear; i--) {
       yearsList.push(i);
     }
     return yearsList;

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
@@ -4,13 +4,13 @@ import { Routes, RouterModule } from '@angular/router';
 const routes: Routes = [
   {
     path: '',
-    redirectTo: 'reactive-form',
+    redirectTo: 'home',
     pathMatch: 'full'
   },
-  // {
-  //   path: 'home',
-  //   loadChildren: './home/home.module#HomePageModule'
-  // },
+  {
+    path: 'home',
+    loadChildren: './home/home.module#HomePageModule'
+  },
   {
     path: 'reactive-form',
     loadChildren: './reactive-form/reactive-form.module#ReactiveFormPageModule'

diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
@@ -11,5 +11,6 @@
 
 <ion-content padding>
   <li-ionic4-datepicker [(ngModel)]="mydate" [inputDateConfig]="datePickerObj"></li-ionic4-datepicker>
-  <ion-input [(ngModel)]="date" [liIonic4Datepicker]="datePickerObj" style="border: 1px solid black;margin: 10px;"></ion-input>
+  <ion-input [(ngModel)]="mydate" (ionChange)="onChangeDate()"
+    [liIonic4Datepicker]="datePickerObj" style="border: 1px solid black;margin: 10px;"></ion-input>
 </ion-content>
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
@@ -1,5 +1,4 @@
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';
 
 export class MyTemplateDriverForm {
   public name: string;
@@ -15,27 +14,15 @@ export class MyTemplateDriverForm {
 })
 export class HomePage implements OnInit {
 
-  dataForm: FormGroup;
-
   mydate = '11 Dec 2018';
-  // mydate;
-  date;
+
   datePickerObj: any = {};
 
   monthsList = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
   weeksList = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 
-  myTemplateDriverForm: MyTemplateDriverForm;
-  constructor(
-    public formBuilder: FormBuilder
-  ) {
-    this.dataForm = formBuilder.group({
-      name: new FormControl('', [Validators.required]),
-      email: new FormControl('', [Validators.required, Validators.email]),
-      date: new FormControl('2018-12-12', [Validators.required]),
-    });
+  constructor() {
 
-    this.myTemplateDriverForm = new MyTemplateDriverForm();
   }
 
   ngOnInit() {
@@ -52,7 +39,7 @@ export class HomePage implements OnInit {
     // EXAMPLE OBJECT
     this.datePickerObj = {
       // inputDate: this.mydate,
-      // dateFormat: 'yyyy-MM-dd',
+      dateFormat: 'yyyy-MM-dd',
       // fromDate: new Date('2018-12-08'), // default null
       // toDate: new Date('2018-12-28'), // default null
       // showTodayButton: true, // default true
@@ -69,7 +56,11 @@ export class HomePage implements OnInit {
     };
   }
 
+  onChangeDate() {
+    console.log("onChangeDate date ", this.mydate);
+  }
+
   onClickSubmit() {
-    console.log('onClickSubmit', this.dataForm.value);
+    // console.log('onClickSubmit', this.dataForm.value);
   }
 }
diff --git a/src/app/reactive-form/reactive-form.page.html b/src/app/reactive-form/reactive-form.page.html
@@ -32,7 +32,9 @@
             <ion-col size="12">
               <ion-item>
                 <ion-label position="floating">Date : (using directive)</ion-label>
-                <ion-input [liIonic4Datepicker]="datePickerObj" type="text" formControlName="date"></ion-input>
+                <ion-input [liIonic4Datepicker]="datePickerObj" type="text"
+                  formControlName="date"
+                  (ionChange)="onChangeDate()"></ion-input>
               </ion-item>
             </ion-col>
             <ion-col size="12">

diff --git a/src/app/reactive-form/reactive-form.page.ts b/src/app/reactive-form/reactive-form.page.ts
@@ -38,8 +38,8 @@ export class ReactiveFormPage implements OnInit {
     ];
 
     this.datePickerObj = {
-      fromDate: new Date('2018-12-20'), // need this in order to have toDate
-      toDate: new Date('2018-12-25'),
+      fromDate: new Date('2015-12-20'), // need this in order to have toDate
+      toDate: new Date('2019-12-25'),
       showTodayButton: false,
       closeOnSelect: true,
       disableWeekDays: [],
@@ -76,6 +76,10 @@ export class ReactiveFormPage implements OnInit {
     // };
   }
 
+  onChangeDate() {
+    console.log("onChangeDate date ", this.dataForm.get('date').value);
+  }
+
   onClickSubmit() {
     console.log('onClickSubmit', this.dataForm.value);
   }