Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

По умолчанию отображение дат из наших моделей некрасиво: Tue Dec 06 2016 15:49:58 GMT+1100 (AUS Eastern Daylight Time). В этом разделе мы покажем как Вы можете обновить страницу списка BookInstance List из предыдущего раздела представьте поле due_date  в более удобном формате: December 6th, 2016. 

Подход, который мы будем использовать, чтобы создать виртуальную свойство в нашей модели BookInstance model которая возращает отформатированную дату. Мы будем делать форматирование используя moment, облегченная библиотека дат JavaScript для анализа, проверки, управления и форматирования дат.

Note: Можно использовать moment для форматировани не посредственно в шаблонах Pug, или мы можем отформатировать строку в нескольких других местах. Using a virtual property allows us to get the formatted date in exactly the same way as we get the due_date currently. 

Install moment

Enter the following command in the root of the project:

npm install moment

Create the virtual property

  1. Open ./models/bookinstance.js.
  2. At the top of the page, import moment.
    var moment = require('moment');

Add the virtual property due_back_formatted just after the url property.

BookInstanceSchema
.virtual('due_back_formatted')
.get(function () {
  return moment(this.due_back).format('MMMM Do, YYYY');
});

Note: The format method can display a date using almost any pattern. The syntax for representing different date components can be found in the moment documentation.

Update the view

Open /views/bookinstance_list.pug and replace due_back with due_back_formatted.

      if val.status!='Available'
        //span  (Due: #{val.due_back} )
        span  (Due: #{val.due_back_formatted} )       

That's it. If you go to All book-instances in the sidebar, you should now see all the due dates are far more attractive!

 

Next steps

 

Метки документа и участники

Внесли вклад в эту страницу: MariyaSka
Обновлялась последний раз: MariyaSka,