Fórum

AUI Date Time Selector

Abhishek Dhingra, modificado 11 Anos atrás.

AUI Date Time Selector

Junior Member Postagens: 51 Data de Entrada: 08/04/11 Postagens Recentes
Hello All,

I was trying to implement the Date-Time selector functionality in my new Spring Portlet with Liferay 6.1 CE version..
My requirement is i need to have the same type of UI for date-time selector as shown below ( same as display-date in Announcements portlet).
Could you please help me in implementing the same. Also, kindly guide me how i can save the selected values.

Thanks,
Abhishek
Abhishek Dhingra, modificado 11 Anos atrás.

RE: AUI Date Time Selector

Junior Member Postagens: 51 Data de Entrada: 08/04/11 Postagens Recentes
Hi,

Found the solution, so posting the same below:

<div class="aui-datepicker aui-helper-clearfix" id="#<portlet:namespace />startDatePicker">
<input type="hidden" name="startDate" id="<portlet:namespace />startDate" size="30" />
</div>
<p>
<%
Calendar defaultValueDate = CalendarFactoryUtil.getCalendar();
%>
<liferay-ui:input-date
dayValue="<%= defaultValueDate.get(Calendar.DATE) %>"
dayParam="day" disabled="<%= false %>" firstDayOfWeek="<%= defaultValueDate.getFirstDayOfWeek() - 1 %>"
monthParam="month" monthValue="<%= defaultValueDate.get(Calendar.MONTH) %>"
yearParam="year" yearValue="<%= defaultValueDate.get(Calendar.YEAR) %>"
yearRangeStart="<%= defaultValueDate.get(Calendar.YEAR) %>"
yearRangeEnd="<%= defaultValueDate.get(Calendar.YEAR) + 50 %>"
/>
<liferay-ui:input-time amPmParam="ampm" hourParam="hour" minuteParam="min" minuteInterval="10"/>

</p>
***************************************************************************************************************************************************************************************
<aui:script>
AUI().use('aui-datepicker', function(A) {

var simpleDatepicker1 = new A.DatePicker({

trigger: '#<portlet:namespace />startDate',

}).render('##<portlet:namespace />startDatePicker');

});
</aui:script>
***************************************************************************************************************************************************************************************

Thanks,
Abhishek
Amey Panke, modificado 11 Anos atrás.

RE: AUI Date Time Selector

New Member Postagens: 12 Data de Entrada: 24/05/12 Postagens Recentes
thnks Abhishek .....
thumbnail
Robin Nagpal, modificado 9 Anos atrás.

RE: AUI Date Time Selector

Junior Member Postagens: 44 Data de Entrada: 18/11/14 Postagens Recentes
Abhishek Dhingra:
Hi,


<liferay-ui:input-date
dayValue="<%= defaultValueDate.get(Calendar.DATE) %>"
dayParam="day" disabled="<%= false %>" firstDayOfWeek="<%= defaultValueDate.getFirstDayOfWeek() - 1 %>"
monthParam="month" monthValue="<%= defaultValueDate.get(Calendar.MONTH) %>"
yearParam="year" yearValue="<%= defaultValueDate.get(Calendar.YEAR) %>"
yearRangeStart="<%= defaultValueDate.get(Calendar.YEAR) %>"
yearRangeEnd="<%= defaultValueDate.get(Calendar.YEAR) + 50 %>"
/>



I dont see all of these attributes in 6.2.x liferay:ui tld https://github.com/liferay/liferay-portal/blob/6.2.x/util-taglib/src/META-INF/liferay-ui.tld

Can you please let me know how can we render the date selector. I dont want to use AUI as it doesn't allow year to be selected in a drop down. Since I am using the input for Date of Birth, I need to provide a convenient way to select month and year
Tushar Patel, modificado 8 Anos atrás.

RE: AUI Date Time Selector

New Member Postagens: 12 Data de Entrada: 26/08/14 Postagens Recentes
Have you found solution? I am looking for same.