CODEWITHSUNDEEP
ionic-frameworkionic3
user3042713
user3042713

Reputation: 175

ionic Cannot show full month string in picker due to picker option width

Part of month name string is hidden for long month name in Chinese like 十一月
enter image description here

Observation:
In inspector, altering width(css) of picker option results in full month name shown.
However, the alignment is broken.
enter image description here

Hope to see advice to correctly show the month name.
Thanks

Upvotes: 0

Views: 421

Answers (2)

user3042713
user3042713

Reputation: 175

To enlarge month name datepicker width: add

.picker-col{
    max-width: 70px !important;
}

in app.scss

Upvotes: 0

Leonid Prokopenko
Leonid Prokopenko

Reputation: 49

try something like this for full months names:

<ion-item>
 <ion-label>Date</ion-label>
 <ion-datetime display-format="DD MMMM YYYY" picker-format="DD/MMMM/YYYY"></ion-datetime>
</ion-item>

Upvotes: 1

Related Questions