2014-01-24 174 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; 
});