Как отформатировать дату в angularjs

Я хочу отформатировать дату как mm/dd/yyyy . Я попробовал следующее, и ничто из этого не работает для меня. Кто-нибудь может мне с этим помочь?

ссылка: ui-date

   

У Angular.js есть встроенный фильтр даты.

демонстрация

 // in your controller: $scope.date = '20140313T00:00:00'; // in your view, date property, filtered with date filter and format 'MM/dd/yyyy' 

// produces 03/13/2014

Вы можете видеть поддерживаемые форматы дат в источнике фильтра даты .

Редактировать :

Если вы пытаетесь получить правильный формат в datepicker (непонятно, используете ли вы datepicker или просто пытаетесь использовать его форматирование), поддерживаемые строки формата находятся здесь: https://api.jqueryui.com/datepicker/

Если у вас нет поля ввода, а просто хотите отобразить дату строки с правильным форматированием, вы можете просто пойти:

  

и в файле js используйте:

  // @Function // Description : Triggered while displaying expiry date $scope.formatDate = function(date){ var dateOut = new Date(date); return dateOut; }; 

Это преобразует дату в строку в новый объект даты в javascript и отобразит дату в формате MM / dd / yyyy.

Выход: 12/15/2014

редактировать
Если вы используете строчную дату формата строки «2014-12-19 20:00:00» (передается из бэкэнд PHP), тогда вы должны изменить код на тот, который находится в: https://stackoverflow.com/ а / 27616348/1904479

Добавление
Из javascript вы можете установить код как:

 $scope.eqpCustFields[i].Value = $filter('date')(new Date(dateValue),'yyyy-MM-dd'); 

то есть, если у вас уже есть свидание с вами, иначе вы можете использовать следующий код для получения текущей системной даты:

 $scope.eqpCustFields[i].Value = $filter('date')(new Date(),'yyyy-MM-dd'); 

Подробнее о форматах дат см. https://docs.angularjs.org/api/ng/filter/date.

Я использую это, и он работает нормально.

 {{1288323623006 | date:'medium'}}: Oct 29, 2010 9:10:23 AM {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}: 2010-10-29 09:10:23 +0530 {{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}: 10/29/2010 @ 9:10AM {{1288323623006 | date:"MM/dd/yyyy 'at' h:mma"}}: 10/29/2010 at 9:10AM 

На самом деле это не совсем то, о чем вы просите, но вы могли бы попытаться создать поле ввода даты в html, например:

  

Затем, чтобы напечатать это на странице, вы должны использовать:

  

Наконец, в моем controllerе я объявил метод, который создает дату из входного значения (которое в хроме, по-видимому, разобрано 1 день):

 $scope.convertToDate = function (stringDate){ var dateOut = new Date(stringDate); dateOut.setDate(dateOut.getDate() + 1); return dateOut; }; 

Итак, у вас это есть. Чтобы увидеть все, что работает, см. Следующий плункер: http://plnkr.co/edit/8MVoXNaIDW59kQnfpaWW?p=preview. Самое удачное!

Это будет работать:

 {{ oD.OrderDate.replace('/Date(','').replace(')/','') | date:"MM/dd/yyyy" }} 

ПРИМЕЧАНИЕ. После того, как вы замените их, оставшаяся дата / миллис будет преобразована в заданный foramt.

см. угловую date api: AngularJS API: дата


Фильтр угловой date :

Применение:

 {{ date_expression | date [: 'format'] [: 'timezone' ] }} 

Exampe:

Код:

  {{ '1288323623006' | date:'MM/dd/yyyy' }} 

Результат:

 10/29/2010 

Просто передайте формат даты UTC со своего кода на стороне сервера на клиентскую сторону

и использовать ниже синтаксис –

  {{dateUTCField +'Z' | date : 'mm/dd/yyyy'}} eg dateUTCField = '2018-01-09T10:02:32.273' then it display like 01/09/2018 

Посмотрев на все вышеперечисленные решения, для меня было самым быстрым решением. Если вы используете угловой материал:

   

Чтобы установить формат:

 app.config(function($mdDateLocaleProvider) { $mdDateLocaleProvider.formatDate = function(date) { // Requires Moment.js OR enter your own formatting code here.... return moment(date).format('DD-MM-YYYY'); }; }); 

Изменить: вам также нужно установить parseDate для ввода даты (из этого ответа Изменить формат md-datepicker в угловом материале )

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

Хорошо, проблема, похоже, исходит из этой строки:
https://github.com/angular-ui/ui-date/blob/master/src/date.js#L106 .

Фактически эта строка является связыванием с пользовательским интерфейсом jQuery, который должен быть местом для ввода формата данных.

Как вы можете видеть в var opts dateFormat нет свойства dateFormat со значением из ng-date-format, как вы могли бы ожидать.

В любом случае директива имеет константу, называемую uiDateConfig чтобы добавить свойства к opts .

Гибкое решение (рекомендуется):

Отсюда вы можете вставить некоторые опции, вводящие в директиву переменную controllerа с параметрами jquery ui.

  myAppModule.controller('MyController', function($scope) { $scope.dateOptions = { dateFormat: "dd-M-yy" }; }); 

Hardcoded решение:

Если вы не хотите повторять эту процедуру, все время меняйте значение uiDateConfig в date.js на:

 .constant('uiDateConfig', { dateFormat: "dd-M-yy" }) 

У меня была такая же проблема, и, как указано выше, подумал, что в JavaScript должен быть собственный метод. Вещь new Date(valueofdate) возвращает объект Date.

Но, зайдите в http://www.w3schools.com/js/js_date_formats.asp , часть, которая говорит, что ведет ноль. Дата из строки, например эха из PHP, должна выглядеть так:

 $valueofdate = date('Yn-j',strtotime('theStringFromQuery')); 

Это передаст строку, например: '1999-3-3' а JavaScript выполнит синтаксический анализ объекта с правильным форматом с помощью

 $scope.valueofdate = new Date(valueofdate);   

Ссылка на PHP для форматов даты: http://www.w3schools.com/php/func_date_date_format.asp .

ng-bind="reviewData.dateValue.replace('/Date(','').replace(')/','') | date:'MM/dd/yyyy'"

Использовать это должно хорошо. 🙂 Области обзораData и dateValue могут быть изменены в соответствии с вашим параметром. Остальное можно оставить таким же

 var app=angular.module('myApp',[]); app.controller('myController',function($scope){ $scope.names = ['1288323623006','1388323623006']; }); 

Здесь имя controllerа – «myController», а имя приложения – «myApp».

 
  • {{x | date:'mm-dd-yyyy'}}

Результат будет выглядеть так: – * 10-29-2010 * 01-03-2013

 // $scope.dateField="value" in ctrl 
  • Изменение формата даты в R
  • Форматирование двух-двух знаков после запятой
  • Формат метода (String, Object ) в типе String не применим для аргументов (...)
  • Как вы форматируете дату и время в Android?
  • Как получить формат строки даты (шаблон) в java?
  • Где спецификатор формата DateTime 'Z'?
  • Размер изображения Android ImageView не масштабируется с исходным изображением
  • Строка Parse C # в DateTime
  • Нужно форматировать даты в динамически построенных WPF DataGrid
  • Как написать json с детьми из R
  • Как преобразовать String в Date без знания формата?
  • Interesting Posts

    Определите, добавляет ли пользователь или удаляет строки

    Не удается подключиться к FTP-серверу: 425 Не удалось создать подключение к данным: время ожидания подключения

    POI. Как установить значение ячейки в Date и применить формат даты по умолчанию Excel?

    Ошибка RunDLL Жесткий диск

    Вывод зеркального отображения консоли в файл

    Несколько графических карт – должны быть одинаковыми?

    Почему смещение MYSQL выше LIMIT замедляет запрос вниз?

    Как восстановить окно вкладок разбилось 1 день назад в Google Chrome

    Предотвращение всплывающего подтверждения при обновлении полей в Word

    Обнаруживать пользователя, вставляя строку или столбец в электронную таблицу google и реагируя в скрипте

    Удаление больших файлов с Time Machine?

    Можно ли построить один массив RAID 1 на диске?

    Есть ли способ указать class реализации Doctrine2 Entitymanager в Symfony2?

    Форматирование больших валютных или долларовых значений в миллионы / миллиарды

    Вставка символа бесконечности в Powerpoint 2010

    Давайте будем гением компьютера.