How to format Date Kendo UI Html Template

Kendo ui Template kullanımında datetime fieldlar için bazı sıkıntılar vardır. Bu sıkıntıların arasında klasik asp.net de olduğu gibi toShortDate() gibi fonksiyonlar Kendo Ui içindede mevcuttur.

Örneğimizde IT Announce larını ekrana basan bir Kendo Listview vardır.

Template kodumuz :
[html]
<script type="text/x-kendo-template" id="template">
<div class="Announce">
<h3>#:Title#</h3>
<p>#:Description# – #:When# </p>
</div>
</script>
[/html]

Burda “When” tahmin edileceği gibi DateTime bir ifadedir. Kodumuzu çalışltırdığımız da aşağıdaki gibi bir görüntü elde edeceğiz. Tabi buda bizi bir hayli rahatsız edecektir.

/Date(1385503200000)/

Template imizi şu şekilde değiştirdiğimiz taktirde sorunlarımızdan kurtulmuş olacağız.

[html]
<script type="text/x-kendo-template" id="template">
<div class="Announce">
<h3>#:Title#</h3>
<p>#:Description# – #:kendo.toString(new Date(parseInt(When.substr(6))), ‘MM/dd/yyyy’)#</p>
</div>
</script>
[/html]

Leave a Reply