1. Home
  2. Development
  3. How to add calendar for a form input field?

How to add calendar for a form input field?

1286382, modified 17 Years ago.
How to add calendar for a form input field?
Junior Member Posts: 42 Join Date: 9/9/08 Recent Posts
Hi,

How do I add calendar for a form input field in struts portlet. I am using Crystalx-theme, is there a tld file and javascript file for calendar that can be just used to add Calendar option for a form input field?
Also where do i edit if i want the format of the date to be in yyyy-mm-dd? Also instead of drop down for the months and the year range I need just a plain text field with calendar option which would take dates in yyyy-mm-dd format.
thumbnail
1373755, modified 16 Years ago.
RE: How to add calendar for a form input field?
Liferay Legend Posts: 1261 Join Date: 10/2/08 Recent Posts
Hi!:
You can add it using this:
<liferay-ui:input-field model="<%= CalEvent.class %>" field="startDate" />

You can do some research in its related files: InputFieldTag.java, liferay-ui.tld and page.jsp
Greetings
Juan Fernández
thumbnail
4761731, modified 15 Years ago.
RE: How to add calendar for a form input field?
Regular Member Posts: 187 Join Date: 3/25/10 Recent Posts
Hi guys,

I can't populate the form backing bean with the Date value from these Date input fields. The field of bean that corresponds to the form field is of type Date, so that for example:

<aui:input label="Time Frame" name="timeFrame" />


taglib finds out the field has type "Date" so that it renders the Date widget with calendar, but the form backing bean never gets populated after submit. As well as here :

<liferay-ui:input-field model="<%= CalEvent.class %>" field="timeFrame" />


How can I populate a form backing object (declared in aui:model-context) with Date value from these calendars ?


Also I can't figure out what is the proper use of this one:

<liferay-ui:input-date yearrangeend="" yearrangestart="" formname=""></liferay-ui:input-date>


It's just a widget that puts its values into request like this:
{ liferay-ui:input-date:dayValue, value }


to render into particular time setting, but I can't see anything else I can do with it :-)
thumbnail
4761731, modified 15 Years ago.
RE: How to add calendar for a form input field?
Regular Member Posts: 187 Join Date: 3/25/10 Recent Posts
I suppose that the only way how to get DATE type of data out of forms is this one:


		
int birthdayMonth = ParamUtil.getInteger(actionRequest, "birthdayMonth");
int birthdayDay = ParamUtil.getInteger(actionRequest, "birthdayDay");
int birthdayYear = ParamUtil.getInteger(actionRequest, "birthdayYear");




<aui:input name="birthdayMonth" type="hidden" value="<%= Calendar.JANUARY %>" />
<aui:input name="birthdayDay" type="hidden" value="1" />
<aui:input name="birthdayYear" type="hidden" value="1970" />


Cause all the other tags looks like they could do it, but as I was looking into the source code ... this seems as the only way...
thumbnail
4761731, modified 15 Years ago.
RE: How to add calendar for a form input field?
Regular Member Posts: 187 Join Date: 3/25/10 Recent Posts
Sorry for my confusion, I was using aui:input tag without trying liferay-ui:input-date/time first...now it's everything clear to me
thumbnail
4707192, modified 3 Years ago.
RE: How to add calendar for a form input field?
Expert Posts: 322 Join Date: 3/11/10 Recent Posts
Jakub Liska:
Sorry for my confusion, I was using aui:input tag without trying liferay-ui:input-date/time first...now it's everything clear to me


Hi Jakub,

Could u plz share ur learnings.
thumbnail
4761731, modified 15 Years ago.
RE: How to add calendar for a form input field?
Regular Member Posts: 187 Join Date: 3/25/10 Recent Posts
Hi Tanweer,

well if you use aui:input, then the tag library recognizes (based on model-hints) what data type the field is of - Date. So that it uses liferay-ui:input-date/time under the hood. With these two tags it is obvious, you declare params of year, month, day etc., and you know what parameters in request holds the particular values of year, month, day etc. as integer values. But as I was using aui:input tag for this I thought that it populates field (Date) of bean/command object with Date value...

Take a look at this thread

Instead of getting the individual integer values, which is stupid (as the only possibility), it would be much better if it returned MDY string and programmer could use variety of classes for converting it into Date type. With Spring MVC, you wouldn't have to write anything except of one line registering editor that does this conversion.
thumbnail
4707192, modified 3 Years ago.
RE: How to add calendar for a form input field?
Expert Posts: 322 Join Date: 3/11/10 Recent Posts
Thnx Jakub, for your knowledge sharing.A gr8 learning....emoticon
Alberto Gonzalez, modified 14 Years ago.
RE: How to add calendar for a form input field?
New Member Posts: 6 Join Date: 11/3/11 Recent Posts
Jakub Liska:
Hi Tanweer,

well if you use aui:input, then the tag library recognizes (based on model-hints) what data type the field is of - Date. So that it uses liferay-ui:input-date/time under the hood. With these two tags it is obvious, you declare params of year, month, day etc., and you know what parameters in request holds the particular values of year, month, day etc. as integer values. But as I was using aui:input tag for this I thought that it populates field (Date) of bean/command object with Date value...

Take a look at this thread

Instead of getting the individual integer values, which is stupid (as the only possibility), it would be much better if it returned MDY string and programmer could use variety of classes for converting it into Date type. With Spring MVC, you wouldn't have to write anything except of one line registering editor that does this conversion.


How can i do this? I work with liferay 6 and spring MVC, but i can´t associate a form file with the liferay-ui:input-date