日期选择器：给定一个时间，加1天的情况怎么写？

最新推荐文章于 2024-10-10 14:53:54 发布

原创最新推荐文章于 2024-10-10 14:53:54 发布 · 1.3k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

文章介绍了如何在Vue项目中使用JavaScript编写函数，实现日期加一天和减一天的功能，并结合watch监听器更新`range-picker`组件的开始时间。

需求：现有一个日期，需要将日期添加一天作为开始时间，然后再禁用

js代码

//XXXX-XX-XX日期加一天

const formatTime = (strDate:any) => {

let dateFormat:any = new Date(strDate);

dateFormat = dateFormat.setDate(dateFormat.getDate()+1);

dateFormat = new Date(dateFormat );

let y = dateFormat.getFullYear()

let m = (dateFormat.getMonth() + 1).toString().padStart(2, '0')

let d = dateFormat.getDate().toString().padStart(2, '0')

return `${y}-${m}-${d}`

}

减一天

const formatTime = (strDate) => {
   let dateFormat = new Date(strDate);
   dateFormat =dateFormat.setDate(dateFormat.getDate()-1);
   dateFormat = new Date(dateFormat );
   let y = dateFormat.getFullYear()
   let m = (dateFormat.getMonth() + 1).toString().padStart(2, '0')
   let d = dateFormat.getDate().toString().padStart(2, '0')
   return `${y}-${m}-${d}`

完整代码：

//使用watch监听

watch([() => props.idRent, () => props.itemRent], (newValue:any, oldValue:any) => {

console.log(newValue, oldValue, 'watch监听续租传过来的值');

if(newValue[1]) {

formState.buildingId = newValue[1].buildingId;

formState.startTime = newValue[1].endTime;

formState.endTime = '';

// 调用加1天的函数

formState['range-picker'] = [formatTime(formState.startTime), formState.endTime];

}

})

const formatTime = (strDate:any) => {

let dateFormat:any = new Date(strDate);

dateFormat = dateFormat.setDate(dateFormat.getDate()+1);

dateFormat = new Date(dateFormat );

let y = dateFormat.getFullYear()

let m = (dateFormat.getMonth() + 1).toString().padStart(2, '0')

let d = dateFormat.getDate().toString().padStart(2, '0')

return `${y}-${m}-${d}`

}