Moment.js-내일, 오늘, 어제
나는 moment().fromNow()
기능을 원하지만 날짜가 가까워지면 너무 정확합니다. '3 시간 후'가 아니라 '오늘'을 표시하고 싶지 않습니다. 기본적으로 '일일'정밀도로 표시됩니다.
moment().calendar()
기능을 사용해 보았는데 날짜 차이가 1 일 이상이면 포맷이되지 않습니다.
오늘과 내일과 어제의 날짜를 얻기 위해 이것을 할 수도 있습니다
let today = moment(new Date());
let tomorrow = moment(new Date()).add(1,'days');
let yesterday = moment(new Date()).add(-1, 'days');
를 사용하여 .fromNow
및 .calendar
메서드 가 모두 날짜를 표시 하는 방식을 사용자 지정할 수 있습니다 moment.updateLocale
. 다음 코드는 .calendar
질문에 따라 표시되는 방식을 변경합니다 .
moment.updateLocale('en', {
calendar : {
lastDay : '[Yesterday]',
sameDay : '[Today]',
nextDay : '[Tomorrow]',
lastWeek : '[Last] dddd',
nextWeek : '[Next] dddd',
sameElse : 'L'
}
});
질문에 따르면 .calendar
방법이 더 적절할 것 같습니다 .fromNow
. 과거 / 현재 접두사 / 접미사를 갖고 싶지만 더 자세히 알고 싶다면 http://momentjs.com 에서 문서를 읽을 수 있습니다 . / docs / # / customization / relative-time / .
당신이를 정의 할 때 로케일을 덮어 쓰는 대신 한 곳에서만이를 사용하려면 첫 번째 인수로 원하는 문자열을 전달 moment.updateLocale
하고 해당 로케일을 사용해 달력 방법 호출 (예. moment.updateLocale('yesterday-today').calendar( /* moment() or whatever */ )
)
편집 : Moment ^ 2.12.0에는 이제 updateLocale
방법이 있습니다. updateLocale
와 locale
기능적으로 동일하게 나타나며, locale
아직 사용되지 있지만, 새로운 방법을 사용하는 대답을 업데이트되지 않습니다.
나는 순간 add()
과 의 조합을 사용합니다.endOf()
//...
const today = moment().endOf('day')
const tomorrow = moment().add(1, 'day').endOf('day')
if (date < today) return 'today'
if (date < tomorrow) return 'tomorrow'
return 'later'
//...
이것을 사용할 수 있습니다 :
const today = moment();
const tomorrow = moment().add(1, 'days');
const yesterday = moment().subtract(1, 'days');
비슷한 솔루션이 있지만 로케일을 사용할 수 있습니다.
let date = moment(someDate);
if (moment().diff(date, 'days') >= 1) {
return date.fromNow(); // '2 days ago' etc.
}
return date.calendar().split(' ')[0]; // 'Today', 'yesterday', 'tomorrow'
요구 사항 :
- 날짜가 멀어지면 표준
moment().fromNow()
기능을 사용하십시오 . - 날짜가되면 가까이, 쇼
"today"
,"yesterday"
,"tomorrow"
, 등
해결책:
// call this function, passing-in your date
function dateToFromNowDaily( myDate ) {
// get from-now for this date
var fromNow = moment( myDate ).fromNow();
// ensure the date is displayed with today and yesterday
return moment( myDate ).calendar( null, {
// when the date is closer, specify custom values
lastWeek: '[Last] dddd',
lastDay: '[Yesterday]',
sameDay: '[Today]',
nextDay: '[Tomorrow]',
nextWeek: 'dddd',
// when the date is further away, use from-now functionality
sameElse: function () {
return "[" + fromNow + "]";
}
});
}
NB : 버전 2.14.0부터 캘린더 함수에 대한 형식 인수는 콜백이 될 수 있습니다 . http://momentjs.com/docs/#/displaying/calendar-time/을 참조 하십시오 .
Moment.js에서 from () 메서드는 원하는 일일 정밀도 를가집니다 .
var today = new Date();
var tomorrow = new Date();
var yesterday = new Date();
tomorrow.setDate(today.getDate()+1);
yesterday.setDate(today.getDate()-1);
moment(today).from(moment(yesterday)); // "in a day"
moment(today).from(moment(tomorrow)); // "a day ago"
moment(yesterday).from(moment(tomorrow)); // "2 days ago"
moment(tomorrow).from(moment(yesterday)); // "in 2 days"
2.10.5부터 moment는 호출 당 달력 출력 형식 지정을 지원합니다. 자세한 문서는 Moment-Calendar를 확인하십시오 .
**Moment 2.10.5**
moment().calendar(null, {
sameDay: '[Today]',
nextDay: '[Tomorrow]',
nextWeek: 'dddd',
lastDay: '[Yesterday]',
lastWeek: '[Last] dddd',
sameElse: 'DD/MM/YYYY'
});
2.14.0부터 달력은 값을 반환하기 위해 콜백을받을 수도 있습니다.
**Moment 2.14.0**
moment().calendar(null, {
sameDay: function (now) {
if (this.isBefore(now)) {
return '[Will Happen Today]';
} else {
return '[Happened Today]';
}
/* ... */
}
});
그래서 이것이 제가 결국
var dateText = moment(someDate).from(new Date());
var startOfToday = moment().startOf('day');
var startOfDate = moment(someDate).startOf('day');
var daysDiff = startOfDate.diff(startOfToday, 'days');
var days = {
'0': 'today',
'-1': 'yesterday',
'1': 'tomorrow'
};
if (Math.abs(daysDiff) <= 1) {
dateText = days[daysDiff];
}
const date = moment(YOUR_DATE)
return (moment().diff(date, 'days') >= 2) ? date.fromNow() : date.calendar().split(' ')[0]
참고URL : https://stackoverflow.com/questions/35441820/moment-js-tomorrow-today-and-yesterday
'Programing' 카테고리의 다른 글
화재를 수행하고 C # 4.0에서 메서드를 잊어 버리는 가장 간단한 방법 (0) | 2020.09.23 |
---|---|
ng-include 노드를 템플릿으로 바꾸시겠습니까? (0) | 2020.09.23 |
avd 에뮬레이터에서 Google Play 스토어가 지원 되나요? (0) | 2020.09.23 |
Vim에서 C로 공백을 자동 들여 쓰기? (0) | 2020.09.23 |
QString에서 char *로 변환 (0) | 2020.09.23 |