时间对象的来回转换

最新推荐文章于 2024-08-01 23:00:11 发布

zhangbowenaa

最新推荐文章于 2024-08-01 23:00:11 发布

阅读量461

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/zhangbowenaa/article/details/123051436

本文档介绍了Ant Design Vue(Antd-V)中日期选择器的使用，包括时间对象与字符串的转换，日期下拉列表的自定义格式，如添加显示时间的选项。此外，还详细说明了如何设置结束日期不能早于开始日期，并限制在开始日期后的31天内。同时，展示了如何限制日期选择在最近三个月的范围内，确保选择的开始日期在当前日期之后。

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

1:时间对象，字符串相互转换

时间对象转为字符串：

data.format(“YYYY-MM-DD HH:mm:ss”)

字符串转为时间对象：

moment(data,”YYYY-MM-DD HH:mm:ss”)

2.antd-V 使用日期下拉列表，

**
默认下拉列表是日期年月日，产品想要年月日，时分秒
我们只需添加api:

showTime

要是产品需要年月日，时分，则改写为

:showTime="{format:'HH:mm'}"

3结束日期不早于开始日期,并且不多于开始日期31天

 <a-date-picker
                placeholder="请选择结束日期"
                format="YYYY-MM-DD"
    
                :disabled-date="disabledDate"
                
                v-model="queryParam.mealDate_end"
              />
methods:{
disabledDate(current) {
      const startValue = this.queryParam.mealDate_begin(开始日期)
      if (!startValue) {
        return current > moment().add(1, 'days')
      }
      return (
        current > moment(this.queryParam.mealDate_begin).add(31, 'days') ||
        (current && current < moment(this.queryParam.mealDate_begin).subtract(0, 'days').startOf('day'))
      )
    },
}

4:日期选择3个月（包含本月）之内的的天数

     <a-date-picker
                placeholder="请选择开始日期"
                format="YYYY-MM-DD"
                v-model="queryParam.mealDate_begin"

                :disabled-date="disabledDateBegin"
              />
   	methods:{
   	 disabledDateBegin(current) {
      var date1 = new Date()
      var date2 = new Date(date1)
      var num  = date2.getDate()
      console.log(num)
      //当前月份为1月
      if(date2.getMonth()== 0){
          num =  num + 61
      }  else if(date2.getMonth()== 1){
        //当前月份为2月
        num = num + 62
      } else{
         var datearr = []
         datearr.push(date2.getMonth(),date2.getMonth()-1)
          datearr.forEach(el=>{
            if(el == 1 || 3 || 5 || 7 || 8  || 10 || 12){
              num = num +31
            } else if(el == 4 || 6 || 9 || 11){
              num = num +30
            } else{
               num = num +28
            }
          })
      }
      date2.setDate(date1.getDate() - num)
    console.log(num)
      if (!this.Cexsboolan) {
        return current < date2
      }
    },
   	}