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

标签 javascript angularjs datepicker date-format angular-material

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

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

我使用 Angular.jsAngular 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));

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

抱歉,帖子太长了!

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

最佳答案

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

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

关于javascript - 如何将日期选择器返回的日期格式转换为其他格式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36934023/

相关文章:

twitter-bootstrap - v-model 不适用于 bootstrap datepicker

javascript - ngAnimate 什么都不做?

JavaScript/Angular1 - Refacto 算法/逻辑条件

javascript - Ionic - 如何延迟 Angular 范围 slider 更新

jquery - 使用 jQuery 格式化 json.net 日期

javascript - Magento 管理html : "sendMail" is not a function

javascript - 在 settimeout 期间仅更新最后一个值

javascript - jquery从textarea中获取随机单词

javascript - 数组中奇怪的 javascript 变量行为

android - 如何将 android datepicker 对话框的最大日期设置为当前日期?