Vue.js Vuejs如何输出整个星期的日期(格式示例:2020年5月4日至10日)和工作日(周一……周日)vue时刻

Vue.js Vuejs如何输出整个星期的日期(格式示例:2020年5月4日至10日)和工作日(周一……周日)vue时刻,vue.js,momentjs,Vue.js,Momentjs,目前我正在尝试以字母形式输出日期和工作日。下面的第一张图片是它现在通过v-for循环输出的内容 {{country.datetime} {{country.datetime | |时刻(“dddd”)} {{数学楼层((country.min_temp+country.max_temp)/2)} 您只需在前7天(并确保从周一开始)计算平均温度,然后使用以下公式进行计算 const date = moment(); var FormatedDate = date.format('MMM D

目前我正在尝试以字母形式输出日期和工作日。下面的第一张图片是它现在通过v-for循环输出的内容


{{country.datetime}
{{country.datetime | |时刻(“dddd”)}
{{数学楼层((country.min_temp+country.max_temp)/2)}

您只需在前7天(并确保从周一开始)计算平均温度,然后使用以下公式进行计算

const date = moment();
var FormatedDate = date.format('MMM D - ') + date.add(7, 'days').format('D YYYY');
console.log(FormatedDate);

实际上,对于不需要任何格式的日子,纯HTML就足够了,因为数组中的第一个元素是星期一,也有当天的温度。希望我能理解你的猜测

我创建了两种不同的方法,上面已经显示了一种,但是在下面输出了完整的周天数检查


{{工作日(country.datetime)}
{{dayFullName(country.datetime)}
{{数学楼层((country.min_temp+country.max_temp)/2)}
方法:{
工作日(值){
const entireWeek=时刻(值)。格式(“MMMM D-”)+时刻(值)。添加(7,“天”)。格式(“D yyy”)
return entireWeek;//2020年7月6日至13日
},
dayFullName(日期){
const getFullName=时刻(日期).format('dddddd');
返回getFullName//星期一、星期二等
}
}