右對齊離子日期時間選擇器的標籤上的日期

您是否有任何線索右對齊Ionic date picker。我嘗試過float-right和float-end。但沒有運氣:(右對齊離子日期時間選擇器的標籤上的日期

注：我需要right align在label的最後日期

<ion-list> 
     <ion-item> 
      <ion-label fixed>Compl. Date</ion-label> 
      <ion-datetime displayFormat="D MMM, YYYY" [(ngModel)]="completionDate" float-end></ion-datetime> 
     </ion-item> 
    </ion-list>

來源

2017-09-22 Sampath

您是否試圖對齊彈出窗口或標籤？ –

標籤。在標籤上的最後日期@ Z.Bagley – Sampath

在對齊日期時維持標籤可點擊性的唯一可能方式（沒有額外的自定義代碼）的時間是讓日期時間佔用全部100％的寬度，然後右對齊文本，如下所示。

<ion-list> 
    <ion-item> 
     <ion-label fixed>Compl. Date</ion-label> 
     <ion-datetime style="width: 100%; text-align: right;"displayFormat="D MMM, YYYY" [(ngModel)]="completionDate"></ion-datetime> 
    </ion-item> 
</ion-list>

你也可以使用position: absolute; right: 0;代替全寬+文本對齊，但你不得不爲標籤激活日期選擇器模式創建一個自定義的點擊功能。

來源

2017-09-22 12:48:46

令人驚歎。非常感謝：） – Sampath

玩我想我已經得到了它

<ion-list> 
    <ion-item> 
     <ion-label style=" text-align: right;">Compl. Date</ion-label> 
     <ion-datetime displayFormat="D MMM, YYYY" [(ngModel)]="completionDate" float-end></ion-datetime> 
    </ion-item> 
</ion-list>

來源

2017-09-22 12:44:33 Vignesh

不需要。我需要對齊'date'.i.e。 '第二'組件。 – Sampath

右對齊離子日期時間選擇器的標籤上的日期

回答

相關問題