family add

src/app/components/add-family/add-family.component.html

@@ -13,11 +13,25 @@
       </ion-item>
 
       <ion-item lines="none">
-        <ion-label>Age</ion-label>
+        <ion-label>Birthday(Year/Month)</ion-label>
       </ion-item>
 
       <ion-item lines="none">
-        <ion-input type="text"  maxlength="14" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
+        <ion-grid>
+          <ion-row style="margin: 0px; padding: 0px;">
+            <ion-col style="margin: 0px; padding: 0px; background-color: #0b5e86;">
+              <ion-select aria-label="Month" value="apple" style=" background-color: aliceblue; border-radius: 5px; width: 100%; font-size: 12px;">
+                <ion-select-option *ngFor="let item of regMonth" value="apple">{{item}}</ion-select-option>
+              </ion-select>
+            </ion-col>
+            <ion-col style="margin: 0px; padding: 0px; background-color: #0b5e86;">
+              <ion-select aria-label="Year" value="apple" style=" background-color: aliceblue; border-radius: 5px; width: 100%; font-size: 12px;">
+                <ion-select-option  *ngFor="let item of regYear"  value="{{item}}">{{item}}</ion-select-option>
+              </ion-select>
+            </ion-col>
+          </ion-row>
+
+        </ion-grid>
       </ion-item>
       <div style="text-align: right;">
         {{profileMessage}}

src/app/components/add-family/add-family.component.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
 
 @Component({
   selector: 'app-add-family',
@@ -8,9 +10,19 @@ import { Component, OnInit } from '@angular/core';
 export class AddFamilyComponent implements OnInit {
   isModalOpen:boolean = false;
   isModalOpenBackdrop:boolean = false;
-  constructor() { }
+  constructor(
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService
+  ) { }
+
+  regMonth:any;
+  regYear:any;
+  ngOnInit() {
+    this.regMonth=this.sessionDataProviderService.getMonths();
+    this.regYear = this.sessionDataProviderService.getChildAddYears();
+ //   debugger;
+  }
 
-  ngOnInit() {}
 
   addStart(){
     this.isModalOpen = true;