Missing some important steps:
add to main.js:
code of edit_article_content_xsd_date_el.jspf.
add to if in main.js
Also we must define the "getDateAsString” function
Everything said in this blog perfectly : http://liferaycms.wordpress.com/2011/01/15/add-new-structure-field/
Thanks to its creator.
Happy Friday and happy weekend.
add to main.js:
registerFieldModel('Date', 'date', 'DateField', true);code of edit_article_content_xsd_date_el.jspf.
<aui:fieldset>
<%
Calendar cal = CalendarFactoryUtil.getCalendar(timeZone, locale);
if (elContent != null && !elContent.equals("")) {
DateFormat formatter = new SimpleDateFormat("yyyy-MM-dd H:m");
Date date = (Date)formatter.parse(elContent);
cal.setTime(date);
}
%>
<aui:field-wrapper>
<div>
<liferay-ui:input-date dayParam="dateDay" dayValue="<%= cal.get(Calendar.DATE) %>" disabled="<%= false %>" firstDayOfWeek="<%= cal.getFirstDayOfWeek() - 1 %>" monthParam="dateMonth" monthValue="<%= cal.get(Calendar.MONTH) %>" yearParam="dateYear" yearValue="<%= cal.get(Calendar.YEAR) %>" yearRangeStart="<%= cal.get(Calendar.YEAR) %>" yearRangeEnd="<%= cal.get(Calendar.YEAR) + 5 %>" />
<liferay-ui:input-time amPmParam="dateAmPm" amPmValue="<%= cal.get(Calendar.AM_PM) %>" hourParam="dateHour" hourValue="<%= cal.get(Calendar.HOUR) %>" minuteParam="dateMinute" minuteValue="<%= cal.get(Calendar.MINUTE) %>" minuteInterval="<%= 1 %>" />
</div>
</aui:field-wrapper>
</aui:fieldset>
add to if in main.js
if (type == 'date') {
var dateContents = componentContainer.all('select');
var date = [Number.NaN, Number.NaN, Number.NaN, Number.NaN, Number.NaN, Number.NaN, Number.NaN];
if (dateContents) {
dateContents.each(
function(select, selectIndex, selects) {
var options = select.all('option');
if (options) {
options.each(
function(option, optionIndex, options) {
if (option.get('selected')) {
//name selecta, zawierajacego wybrany item
var selectName = select.get('name');
var selectedValue = option.val();
if (selectName.match(/dateDay$/)) {
date[0] = selectedValue;
} else if (selectName.match(/dateMonth$/)) {
date[1] = selectedValue;
} else if (selectName.match(/dateYear$/)) {
date[2] = selectedValue;
} else if (selectName.match(/dateHour$/)) {
date[3] = selectedValue;
} else if (selectName.match(/dateMinute$/)) {
date[4] = selectedValue;
} else if (selectName.match(/dateAmPm$/)) {
date[6] = selectedValue;
}
}
},
select
);
}
}
);
}
content = instance.getDateAsString(date);
}
Also we must define the "getDateAsString” function
getDateAsString: function(stringDateArray) {
if (stringDateArray.length != 7) {
return '';
}
var intDateArray = new Array(stringDateArray.length);
var notNaNExist = false;
for (var i = 0; i < stringDateArray.length; i++) {
intDateArray[i] = parseInt(stringDateArray[i], 10);
if (intDateArray[i] != NaN) {
notNaNExist = true;
}
}
if (!notNaNExist) {
return '';
}
var day = intDateArray[0];
var month = intDateArray[1];
var year = intDateArray[2];
var hour = intDateArray[3];
var minute = intDateArray[4];
var second = 0;
var ampm = intDateArray[6];
if (!isNaN(month)) {
month = month + 1;
}
if (ampm == 1 && !isNaN(hour)) {
hour = hour + 12;
}
if (month < 10) {
month = '0' + month;
}
if (day < 10) {
day = '0' + day;
}
if (hour < 10) {
hour = '0' + hour;
}
if (minute < 10) {
minute = '0' + minute;
}
if (second < 10) {
second = '0' + second;
}
return year + '-' + month + '-' + day + ' ' + hour + ':' + minute;
}
Everything said in this blog perfectly : http://liferaycms.wordpress.com/2011/01/15/add-new-structure-field/
Thanks to its creator.
Happy Friday and happy weekend.
