首页 > 其他分享 >Vue使用momentjs来查询时间区间

Vue使用momentjs来查询时间区间

时间:2023-01-16 19:55:48浏览次数:61  
标签:10 Vue undefined 30 查询 isBetween moment momentjs 2016

how does vue query range with Moment array
https://stackoverflow.com/questions/14897571/moment-js-date-between-dates
https://momentjs.com/docs/#/query/
如果已经经过字符串格式化的时间,需要再次moment(timeString).isBetween(time1,time2)

而如果时间是通过key获取并没调用format则使用moment的format先进行格式化

实际例子:

 return !moment((moment(item[key]).format('YYYY-MM-DD HH:mm:ss')))
                .isBetween(rangeMoments[0].format('YYYY-MM-DD'), rangeMoments[1].format('YYYY-MM-DD 23:59:59'),
                undefined, '[]')

由于有的时间组件只选择到天,但返回到要被between的时间参数是到秒到,
那么需要在延后就是endtime加如23:59:59来作为第二个区间参数。

官网例子:
Note that the order of the two arguments matter: the "smaller" date should be in the first argument.

moment('2016-10-30').isBetween('2016-10-30', '2016-12-30', undefined, '()'); //false
moment('2016-10-30').isBetween('2016-10-30', '2016-12-30', undefined, '[)'); //true
moment('2016-10-30').isBetween('2016-01-01', '2016-10-30', undefined, '()'); //false
moment('2016-10-30').isBetween('2016-01-01', '2016-10-30', undefined, '(]'); //true
moment('2016-10-30').isBetween('2016-10-30', '2016-10-30', undefined, '[]'); //true

标签:10,Vue,undefined,30,查询,isBetween,moment,momentjs,2016
From: https://www.cnblogs.com/ukzq/p/17056197.html

相关文章

  • 4:单表查询
    --字段去重--distinct   selectdistinctsnamefromstudent--部分列selectname,agefromperson;--指定列名---列的简单运算和别名selectnameas'名字',age......
  • vue+elementUI表单导致页面刷新
    vue+elementUI表单导致页面刷新点击按钮导致整个页面刷新,部分数据没有请求,偶尔会正常,可能和网络请求有关解决方法:可以在el-form标签上添加@submit.native.prevent或......
  • MySql通过父id递归向下查询子节点
    不用写存储过程,不用建数据库函数,一段sql就可以实现不用写存储过程,不用建数据库函数,一段sql就可以实现不用写存储过程,不用建数据库函数,一段sql就可以实现SELECT ID.LEVE......
  • Linux基础14 RPM包管理, 安装, 查询, 升级, 卸载
    阿里云rpm包下载地址https://developer.aliyun.com/mirror/ RPM包管理: RPM全称RPMPackageManager缩写,由红帽开发用于软件包的安装,升级卸载与查询 yum安装的全是RPM包 ......
  • vue3.2 + element-plus 表单嵌套表格实现动态表单验证
    借鉴了这位兄弟的思想,进行了优化和vue3.2语法糖改造:https://blog.csdn.net/weixin_45295253/article/details/115582504实现:<template><el-formref="formRef":mod......
  • C语言电话号码查询系统[2023-01-16]
    C语言电话号码查询系统[2023-01-16]一、课程设计(论文)题目电话号码查询系统说明:设计哈希表,实现电话号码查询系统。二、本次课程设计(论文)应达到的目的C语言、面向对象......
  • jpa连表查询
    JPAQuery<TSscPlanDayExecutePO>jpaQuery=jpaQueryFactory.selectFrom(planDayExecutePO).leftJoin(tSscPlanDayPO).on(tSscPlanDayPO.id.eq......
  • vue iframe组件封装
    界面内嵌iframe时,由空白节点引起底边间距,可设置iframe属性vertical-align:top解决<template><divv-loading="loading":style="'height:'+height"><iframe......
  • vue事件修饰符
    从vue中看,事件处理函数内部应该更多的聚焦业务功能的实现上,而不是这些琐碎的时间对象处理所以vue提供了很多事件修饰符keyup键盘事件`<[email protected]="submit">/......
  • Vue实现文件上传和下载功能
    本文实例为大家分享了Vue实现文件上传和下载功能的具体代码,供大家参考,具体内容如下1、a标签download属性在H5中,为a标签新增了一个download属性,来直接文件的下载,文件名就......