2017-03-31 17 views
0

-剣道グリッド文化特定の日付形式

$("#grid").kendoGrid({ 
        dataSource: { 
         type: "odata", 
         transport: { 
          read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders" 
         }, 
         schema: { 
          model: { 
           fields: { 
            OrderID: { type: "number" }, 
            Freight: { type: "number" }, 
            ShipName: { type: "string" }, 
            OrderDate: { type: "date" }, 
            ShipCity: { type: "string" } 
           } 
          } 
         }, 
         pageSize: 20, 
         serverPaging: true, 
         serverFiltering: true, 
         serverSorting: true 
        }, 
        height: 550, 
        filterable: true, 
        sortable: true, 
        pageable: true, 
        columns: [{ 
          field:"OrderID", 
          filterable: false 
         }, 
         "Freight", 
         { 
          field: "OrderDate", 
          title: "Order Date", 
          format: "{0:MM/dd/yyyy}" 
         }, { 
          field: "ShipName", 
          title: "Ship Name" 
         }, { 
          field: "ShipCity", 
          title: "Ship City" 
         } 
        ] 
       }); 

私の問題は形式です: "{0:MM/DD/YYYY}"。

私はフォーマットをハードコードしたくないので、私はそれを文化固有のものにしたい。 私のWebアプリケーション=> web.configにカルチャ情報が設定されています。私もkendo.culture(「いくつかの文化コード」)を試しましたが、うまくいきませんでした。

フォーマットを削除すると、このような大きな日付文字列が表示されます。どうすればよいですか?

screen shot

答えて

0

次のライブラリを使用して試すことができます。彼らは、jQueryとjQueryの非オプションの両方 https://github.com/phstc/jquery-dateFormat

を持っている彼らは、剣道のウィジェットのために私と一緒にうまく働いているが、私は完全に文化特定のコンテキストのためにテストしていません。

0

あなたがする必要があるカップルの事:

はあなたが含まれているスクリプトからの培養コードを使用kendo.culture("en-CA");

<script src="http://kendo.cdn.telerik.com/2017.1.223/js/cultures/kendo.culture.en-CA.min.js"></script> 

すなわち

、使用する培養に剣道文化スクリプトを含めます。ことなく単に日付、 として日付列にフォーマットを設定

特定フォーマット

"Freight", 
{ 
    field: "OrderDate", 
    title: "Order Date", 
    format: "{0:d}" 
} 

例:http://dojo.telerik.com/@Stephen/OlAdI

関連する問題