2012-11-22 96 views
2

我想在我的劍道自動完成中顯示描述和日期。以下代碼將按預期顯示,但日期除外。日期顯示的是奇怪的格式Kendo ui自動完成使用WCF

xml: 
<d:SDate m:type="Edm.DateTime">2012-11-21T18:30:51.097</d:SDate> 

如果鍵入耐克 它將出現耐克(/日期(13534560000)/)

$( 「#標題」)kendoAutoComplete({ 的minLength:3 , dataTextField: 「SDESC」, dataValueField: 「REFID」, 模板: '$ {} data.SDesc' + '(' + '$ {} data.SDate' + ')',

  dataSource: { 
       type: "odata", 
       serverFiltering: true, 
       serverPaging: true, 
       pageSize: 20, 
       transport: { 
        read: "http://localhost:54329/HH_WcfDataService.svc/Product" 
       } 
      } 
     }); 

回答

0

您可以嘗試在你的模板使用kendo.parseDate

template: '${ data.SDesc } ' + '(' + '${ kendo.parseDate(data.SDate) }' + ')', 

這裏有一個現場演示:http://jsbin.com/ekogex/1/edit

+0

在Q3發佈之前,我從來沒有見過/ Date(xyz)/ syntax,我可以在哪裏閱讀它? – OnaBai

+0

這就是Microsoft決定將日期序列化爲JSON的方式。不是由Kendo發明:)這裏是更多信息:http://www.asp.net/ajaxlibrary/jquery_webforms_serialize_dates_to_json.ashx –

+0

嗨Atanas,謝謝。有什麼方法可以將日期格式設置爲dd/MM/yyyy格式?請指教? – Supermode

1

您正在獲得很奇怪日期格式,因爲Date實際上被存儲爲一個數字。您需要將其格式化爲您所需的格式yyyy-mm-dd,mm-dd-yyyy, dd-mm-yyyy,...嘗試使用kendo.format和/或kendo.toString(有關以本地/所需格式顯示日期的信息,請參閱http://docs.kendoui.com/getting-started/framework/globalization/dateformatting)。 我認爲kendo.toString會爲你工作,因爲它接受一個number作爲參數的日期(http://docs.kendoui.c​​om/api/framework/kendo#tostring)

+0

感謝埃米利亞諾,但沒有運氣呢。任何其他想法? – Supermode