如何使用md-datepicker和时刻?

问题描述 投票:0回答:1

在我的应用程序中,我使用momemt类型的$ scope变量。我使用来自Angular Materialjs的md-datepicker来获取ng-model的变更日期变量。

md-datepicker只使用日期类型,我可以从瞬间转换,但在更改数据后,md-datepicker $scope变量将类型从Moment更改为Date。

如何将结果md-datepicker日期类型转换回时刻类型?这需要在其他使用时刻的功能中使用它。

<md-datepicker ng-model="momentfrom" md-open-on-focus="true" name="dateFrom" >
</md-datepicker>

使用momentfrom后的md-datepicker变量将类型更改为Date,这需要转换为时刻。

app.config(['$mdDateLocaleProvider', function ($mdDateLocaleProvider) {
    $mdDateLocaleProvider.parseDate = function(dateString) {
        var m = moment(dateString, ["DD.MM.YYYY"],true);
        return m.isValid() ? m.toDate() : new Date(NaN);
    };

    $mdDateLocaleProvider.formatDate = function (date) {
        return date ? moment(date).format('DD.MM.YYYY') : '';
    };
}]);
angularjs angularjs-material
1个回答
0
投票

您的moment格式错误。在formatDate函数中使用它:

return moment(date).format('YYYY-MM-DD');

如果要在加载时将日期设置为null,则使用更改返回到此:

return date ? moment(date).format('YYYY-MM-DD') : '';

有关AngularJS Material docs功能的更多信息,请参阅$mdDateLocaleProvider

© www.soinside.com 2019 - 2024. All rights reserved.