[FFC]friendly-date-ranges

最新推荐文章于 2022-08-08 14:01:38 发布

xshalk

最新推荐文章于 2022-08-08 14:01:38 发布

阅读量617

点赞数

CC 4.0 BY-SA版权

分类专栏： FFC

本文链接：https://blog.youkuaiyun.com/xshalk/article/details/51306384

FFC 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个用于将标准日期格式转换为更友好的日期显示格式的JavaScript程序。该程序能够根据日期之间的间隔智能地简化日期表达，适用于一年内的日期范围展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

friendly-date-ranges

注意事项

变量拼写
字符串转数字
if语句用{}，避免误写分号
理解条件


var monthCoin = {
  "01":"January",
  "02":"February",
  "03":"March",
  "04":"April",
  "05":"May",
  "06":"June",
  "07":"July",
  "08":"August",
  "09":"September",
  "10":"October",
  "11":"November",
  "12":"December"
};

function lessThanOneYear(start, end){
  var year =  end[0] - start[0];
  if(year === 0)
    return true;
  if(year > 1)
    return false;
  // 差一年的要看月份
  var month = end[1].replace(/^0/,"") - start[1].replace(/^0/,"");
  console.log(month);
  if(month < 0){
    return true;
  }
  if(month > 0){
    return false;
  }
  // 同月的看日期

  var day = end[2].replace(/^0/,"") - start[2].replace(/^0/,"");
  console.log(day);
  if(day < 0)
    return true;
  else
    return false;

}
function displayMonth(arr){
  return monthCoin[arr[1]];
}
function displayDay(arr){
  if(arr[2]==="01")
    return "1st";
  else if( arr[2] === "02")
    return "2nd";
  else if(arr[2] === "03")
    return "3rd";
  else 
    return arr[2].replace(/^0/,"") + "th";
}
function displayYear(arr){
  return arr[0];
}
function makeFriendlyDates(arr) {
  var startArr = arr[0].split("-");
  var endArr = arr[1].split("-");
  var result = [];
  var startResult = "";
  var endResult = "";
  startResult = displayMonth(startArr);
  startResult = startResult +  " " + displayDay(startArr);
  if(startArr[0] === "2016" && lessThanOneYear(startArr,endArr)){
    //今年且小于一年，不显示  条件一  
  }else{
     startResult = startResult + ", " + displayYear(startArr);
  }
  result.push(startResult);

  if(arr[1] !== arr[0]){ //开始结束是同一天，就不用打印后面的了

    if(lessThanOneYear(startArr,endArr)){ //是否小于一年，条件二
      if(startArr[1] === endArr[1] && startArr[0] === endArr[0] ){ //是否同年月，条件三

        endResult += displayDay(endArr);
      }else{
        endResult += displayMonth(endArr);
        endResult += " ";
        endResult += displayDay(endArr);
      }
    }else{ 
        endResult += displayMonth(endArr);
        endResult += " ";
        endResult += displayDay(endArr); 
        endResult += ", ";
        endResult += displayYear(endArr);
    }
    result.push(endResult);
  }
  return result;
}

makeFriendlyDates(["2022-09-05", "2023-09-04"]);