javascript - 如何将日期选择器返回的日期格式转换为其他格式？

Question

抱歉，标题不好，我不知道如何更好地表达它。我将尽力解释我需要什么。

我目前正在用 Javascript 制作一个任务管理器(待办事项列表)，您可以在其中创建任务，为它们设置时间表，然后您将获得一个列表，其中包含您需要执行的所有任务以及相应的时间表每个任务(开始和结束日期)。

我使用 Angular.js 和 Angular Material 来制作我的 UI。我有 Angular Material 的日期选择器。这是我用来获取日期值的代码:

angular.module('KBTM_App', ['ngMaterial']).controller('AppCtrl', function($scope) {
$scope.myDate1 = new Date();

...

// This is where I get the date value
var initial_date_1 = angular.element(document.querySelector('[ng-controller="AppCtrl"]')).scope().myDate1;

问题是这个日期选择器以这种格式返回日期:“2016-04-29T08:36:10.027Z”，这是我不想要的。我想要一个更正常的格式，例如“DD-MM-YYYY”。

我尝试使用 Moment.js 转换日期格式，但这不起作用。这是我为此使用的代码:

var initial_date = moment(initial_date_1, "YYYY-MM-DD'T'HH:MM:SS.SSS'Z'").format("DD-MM-YYYY");

然后我将该日期存储在 localStorage 中:

// Get the other dates already in the list
var initial_dates = get_initial_dates();

// Adds the new date to that list
initial_dates.push(initial_date);

// Stores those dates in the localStorage
localStorage.setItem('initial_date_db', JSON.stringify(initial_dates));

使用该代码，当我尝试将新任务添加到任务列表时，我收到“无效日期”。

抱歉，帖子太长了!

感谢任何可以帮助我的人。

Answer 1

您可以使用以下代码使用 Angular Material Datepicker 转换 html 中的日期格式。

 data-ng-value="myDate1  | date : 'shortDate'"