Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70428

Ion list dynamic input

$
0
0

@C_S_B wrote:

My html file contains following code. How can I get value of date entered by users, as the card gets created in list ,which can be of date input 2, 3 or any number

<ion-card class="cardSpace">
    <div class="lineDiv"></div>
    <ion-card-header class="cardHeading">
        SO Allocated
    </ion-card-header>
    <ion-list *ngFor="let data of soData" no-lines>
    <ion-card-content>
        <ion-item-divider class="deviderItem">
           {{data.SO_NUMBER}}
        </ion-item-divider>
        <ion-grid>
            <ion-row class="border" style="margin-top: 1px">

                <ion-col class="borderleft" width-50>
                    <img class="calenderImg"  style="margin-left: 9px !important;" src="assets/imgs/calender_icon.png" />
                    <p class="lblStart" style="margin-top: -4px;">Start Date</p>
                    **_<ion-datetime class="dateStart fontlight" style="padding: 0px !important;" displayFormat="DD MMM YYYY" pickerFormat="DD/MMM/YYYY" [(ngModel)]="arr_names"  ></ion-datetime>_**

                </ion-col>
                <ion-col width-50>
                    <img class="calenderImg"   style="margin-left: 9px !important;" src="assets/imgs/calender_icon.png" />
                    <p class="lblStart" style="margin-top: -4px;">Start Date<p>
                    <p class="dateStart fontlight">  {{data.U_STARTDATE}}</p>
                </ion-col>
            </ion-row>
        </ion-grid>
        <button class="detailBtn" ion-button icon-end clear>
            Show Details
            <img class="downImg" src="assets/imgs/down_arrow_icon.png" />
        </button>

</ion-card-content>
</ion-card>

Posts: 2

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70428

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>