[SOLVED] TimePicker: How to realize an editmask ?

[RueKow]

I need an editmask like "__:__" in TimePicker component. Is that possible?

[RueKow]

I have found a solution with a small jQuery plugin called "Masked Input Plugin". You can find it here:
http://digitalbush.com/projects/masked-input-plugin

This is working fine for me:

Code: Select all

<h:head>
	<h:outputScript name="jquery.maskedinput.js" />
</h:head>

Code: Select all

<h:outputScript>
	jQuery(function($){
		$.mask.definitions['H']='[0-2]';
		$.mask.definitions['M']='[0-5]';
		$('[id="tpID1_input"]').mask('H9:M9');
	});
</h:outputScript>
<pe:timePicker id="tpID1" value="#{myBean.time}"
	mode="popup" locale="de" showOn="button" style="width:40px" showCloseButton="true"
	required="true" requiredMessage="Bitte geben Sie eine Uhrzeit ein." />