2013-07-26 40 views
5

私は、セルのテンプレートUI-日付形式

var myDateTemplate= '<input type="text" ng-model="row.entity.myDate" />'; 

を作成している私のセルの日付ピッカーはので、私のCOLモデルが

var col = [{ 
       field : 'myDate', 
       displayName : 'My Date', 
       enableCellEdit : true, 
       width : '130', 
       cellTemplate : myDateTemplate, 
       editableCellTemplate : myDateTemplate, 
       resizable : true, 
       sortable : false 
      }] 

それが正常に動作している必要私は、UIの日付形式を追加し、私は/ MM/yyyy形式をDDにそれを変更したい、私はmm/dd/yyyy形式でそれを得る日付を選択

var myDateTemplate = '<input ui-date="{ dateFormat: 'dd mm yyyy' }" ui-date-format="dd mm yyyy" ng-model="row.entity.myDate"/>'; 

とき、私構文エラー:トークン「不定」ではない式の列はNaNに一次式[{DATEFORMAT:]から始まる[{DATEFORMAT:]

と、エラー

エラーがスローされたUIの日付形式を使用私の好みのフォーマットではなく、

月12月23日00:00:00 GMT + 0530(インド標準時)のような日付を与えています。

答えて

12

私はちょうど適切な文字列を作るためにあなたの日付形式の前後に引用符をエスケープ、あなたが近くにいると思う:

var myDateTemplate = '<input ui-date="{ dateFormat: \'dd mm yyyy\' }" ui-date-format="dd mm yyyy" ng-model="row.entity.myDate"/>'; 

私はあなたが(おそらくあなたの入力フィールドが動作しますされている正確に同じcellTemplateを使用していませんよ引用符をエスケープすると正しく)。これは私のために働いています:

columnDefs: [{ 
       field:'StartTime', 
       displayName:'Start Time', 
       cellFilter: 'date:\'MM/dd/yyyy HH:MM:ss\'' 
      }, { 
       field:'duration', displayName:'Duration' 
      }, { 
       field:'distance', displayName:'Distance' 
      }, { 
       field:'typedesc', displayName:'Type' 
      }, { 
       field:'Drivers', displayName:'Drivers' 
      }] 
+0

私は日付の書式設定で同様の問題があります。私は "2016-09-01 08:14:55.467 IST"のような日付の値を受け取ります。 { "name": "creationTimestamp"、 "type": "date"、 "cellFilter": "date:"のようなcellfilterオプションを使用して "MM/dd/yyyy HH:MM:ss.SSS" 'MM/dd/yyyy HH:MM:ss.SSS' " }、でも出力値は" 2016-09-01 08:14:55.467 IST "になります。手伝ってくれませんか? –

+0

分は小さいものでなければなりません。それ以外の場合は月があります:cellFilter: 'date:\' MM/dd/yyyy HH:mm:ss \ '' –