I am using dataSource and kendo template to populate a list of details from a api. Below code explain the view and viewmodel to display the data.
View:
viewModel - myProjectsViewModel.js
The above api will return JSON data like below
I want to format the date column(CreateDate: 2013-09-13T00:00:00) like 13/09/2013. Help me in this.
View:
<
div
data-role
=
"view"
id
=
"myProjectView"
data-title
=
"Products List"
data-init
=
"myProjectListViewTemplatesInit"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
span
data-role
=
"view-title"
></
span
>
<
a
data-align
=
"right"
data-role
=
"button"
class
=
"nav-button"
href
=
"#index"
>Index</
a
>
</
div
>
</
header
>
<
ul
id
=
"myProjectCustomListView"
></
ul
>
</
div
>
<
script
id
=
"myProjectCustomListViewTemplate"
type
=
"text/x-kendo-template"
>
<
h3
class
=
"item-title"
>Project Name: ${ProjectName}</
h3
>
<
p
class
=
"item-info"
>Created Date: ${CreateDate}</
p
>
</
script
>
<
script
src
=
"scripts/jquery.min.js"
></
script
>
<
script
src
=
"scripts/kendo.mobile.min.js"
></
script
>
<
script
src
=
"scripts/viewModel/myProjectsViewModel.js"
></
script
>
<
script
>var app = new kendo.mobile.Application(document.body);</
script
>
function myProjectListViewTemplatesInit(){
var dataSource = new kendo.data.DataSource({
transport: {
read: {
dataType: "json",
}
},
});
$("#myProjectCustomListView").kendoMobileListView({
dataSource: dataSource,
template: $("#myProjectCustomListViewTemplate").html(),
});
};
[{"ProjectId":2,"ProjectCode":"TestProject","ProjectName":"TestProject","Description":"","CreateDate":"2013-09-13T00:00:00","Owner":"TestProject","StartDate":"2013-09-13T00:00:00","EndDate":"2013-09-13T00:00:00","StatusId":4,"IsActive":true,"ERPCompany":"","TemplateId":0,"DocumentTemplateID":0,"DocMetadataID":null,"IsDeleted":"","ERPCurrency":"$","ProjectMode":"L","DocumentListID":"","RowNum":3,"pagecount-1":null},{"ProjectId":1,"ProjectCode":"TemplateProject","ProjectName":"TemplateProject","Description":"","CreateDate":"2013-09-13T00:00:00","Owner":"Aurigo","StartDate":"2013-09-13T00:00:00","EndDate":"2013-09-13T00:00:00","StatusId":4,"IsActive":true,"ERPCompany":"","TemplateId":0,"DocumentTemplateID":0,"DocMetadataID":null,"IsDeleted":"","ERPCurrency":"$","ProjectMode":"L","DocumentListID":"","RowNum":4,"pagecount-1":null}]