| | |
| | | > |
| | | <div class="record-log-card-date-container"> |
| | | <div class="record-log-card-date-container-circle"> |
| | | <div class="xxsTxt bold line-height">{{item.createdDate | formatYear}}</div> |
| | | <div> |
| | | <UiDateFormat |
| | | class="xxsTxt bold line-height" |
| | | :date="item.createdDate" |
| | | onlyShowSection="DAY" /> |
| | | onlyShowSection="YEAR" /> |
| | | </div> |
| | | <div> |
| | | <UiDateFormat |
| | | class="xxsTxt bold line-height" |
| | | :date="item.createdDate" |
| | | onlyShowSection="DATE" /> |
| | | </div> |
| | | <div> |
| | | <UiDateFormat |
| | |
| | | import { Component, Prop, Vue } from "nuxt-property-decorator"; |
| | | import { NoticeLogs } from "~/shared/models/appointment.model"; |
| | | |
| | | @Component({ |
| | | filters: { |
| | | formatYear(value) { |
| | | if (value) { |
| | | return new Date(value).getFullYear(); |
| | | } |
| | | } |
| | | } |
| | | }) |
| | | @Component |
| | | export default class RecordCard extends Vue { |
| | | @Prop() |
| | | noticeLogsList!: NoticeLogs[]; |