p-calendar for Time input

UI Components for Angular
Post Reply
ujtordai
Posts: 54
Joined: 31 May 2017, 14:18

20 Nov 2017, 16:07

Hi All,

I using p-calendar for Time input in the following way:

<p-calendar class="col-xs-12 label-padding-none"
[(ngModel)]="startTime" showTime="true" hourFormat="24"
[styleClass]="'input-text'" placeholder="hh:mm" [timeOnly]="true"
[showTime]="false" [showOnFocus]="false" name="startTime"
></p-calendar>

How can I reach that, if the user typing the time, not require to type the character ":" between the hours and minutes?

Thank you in advance

User avatar
sudheer
PrimeFaces Core Developer
Posts: 4345
Joined: 16 Oct 2011, 19:19
Location: Singapore

21 Nov 2017, 02:47

You should mention the : separator to divide minutes and seconds. So it is mandatory to input this value.
Author,Speaker
https://twitter.com/sudheerjonna
Github: https://github.com/sudheerj
Website http://sudheerjonna.com/

___________________
Sudheer Jonna

ujtordai
Posts: 54
Joined: 31 May 2017, 14:18

21 Nov 2017, 17:55

Ok. Thank you

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 26 guests