2014-01-24 228 views
0

我們從我們的服務返回json,我們有一個解析器將這些json日期轉換爲我們可以使用和顯示的日期。但編號喜歡只顯示短日期 - 我們不需要顯示時間。Angularjs輸入日期格式短日期

<input type="text" class="form-control" 
            ng-model="DateOrdered" 
            datepicker-popup="shortDate" 
            show-weeks="false" /> 

ID喜歡看 - 2012年11月11日不是2012年11月11日3:00:00

我不能因爲使用納克模型IM把一個價值在此輸入。編號喜歡不建立一些自定義過濾器或指令 - 但我可能也有 - 想知道angularjs是否有一些開箱即用的。

在此先感謝。

+0

看看'date'過濾http://docs.angularjs.org/api/ng.filter:date – Chandermani

+0

如何設置'DateOrdered'? –

+0

是的 - dateOrdered正在設置和顯示和日期選擇器的工作,我可以保存 - 加載我只是想顯示的日期不是時間。 – gevjen

回答

0

我最終建立了一個自定義日期指令。日期格式

ngModelController.$formatters.unshift(function (valueFromModel) { 
    if (angular.isUndefined(valueFromModel) || valueFromModel == "" || valueFromModel == null) { 
     return valueFromModel; 
    } 

    var date = new Date(valueFromModel); 

    var _date = date.getDate(); 
    var _month = date.getMonth() + 1; 
    var _year = date.getFullYear(); 

    return _month + "/" + _date + "/" + _year; 
});