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
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
Anexos:
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
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 .....
Robin Nagpal, modificado 9 Anos atrás.
RE: AUI Date Time Selector
Junior Member Postagens: 44 Data de Entrada: 18/11/14 Postagens RecentesAbhishek 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.