使用 ant vue 3.x中的DatePicker组件时,进行查询时间操作

        当我们在做项目时,后端接口传过来的时间是一个字符串,我们需要与Datepicker选择的进行筛选与对比,那我们就需要先将后端传过来的字符串通过 Date.parse() 先转换为时间戳,再通过 new Date() 转换为js能够识别的日期对象,然后再获取它的年月日 

const parseDate = (s) => {
    let pdate = new Date(Date.parse(s));
    let obj = { y: 0, m: 0, d: 0 };
    obj.y = pdate.getFullYear();
    obj.m = pdate.getMonth() + 1;
    obj.d = pdate.getDate();
    return obj;
  };

        最后返回一个带年月日的对象,用来获取字符串的年月日,当然如果想要获取时分秒也可以继续添加。

        而DatePicker获取的时间最后也是一个对象,$D: 年  $M: 月 $D:日 注意都是大写,最后再进行模糊查询或者精确查询

const selectHandle = () => {
    showList.value = evaluationList.value.filter(item => {
      return (
        item.task_name.indexOf(testName.value) > -1 &&
        parseDate(item.start_time).y == beginTime.value.$y &&
        parseDate(item.start_time).m == beginTime.value.$M + 1 &&
        parseDate(item.start_time).d == beginTime.value.$D &&
        item.create_user.indexOf(creator.value) > -1
      );
    });
  };

好了,那么到这里就结束啦

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值