avue-crud搜索栏日期格式

小咪咪 2022-12-02 15:02 230阅读 0赞

关于[avue-crud这个组件库][avue-crud]之前我说过个大概，它是将elementUI的二次封装，今天主要说一下它表格用法里面的自带搜索栏的日期搜索：  
![在这里插入图片描述][20200831162912964.png_pic_center]

// 只说几个我用到的属性
    {
        label: '日期',
        prop: 'uploadDate',
        type:'datetime',
        dateDefault: true,
        searchValue: [_this.currentDate1, _this.currentDate2],      // 这是我获取的默认的显示日期，我这里是['2020-08-04', '2020-09-22']
        format: 'yyyy-MM-dd',                  // 这是组件展示的日期格式
        valueFormat: 'yyyy-MM-dd',        // 这是组件value值的格式
        searchSpan:12,
        searchRange:true,                      
        search:true,
        searchClearable: false,
    },

然后绑上搜索事件，它有回调参数：

<avue-crud ref="crud"
               :page="page"
               :data="tableData"
               :table-loading="tableLoading"
               :option="logTbale"
               @size-change="sizeChange"
               @current-change="currentChange"
               @search-change="searchChange"
               @refresh-change="refreshChange">
    </avue-crud>
    
    
    searchChange(params,done) {
          console.log(params)   // 这就是获取额搜索栏的日期
          done();
          //  this.getPage(this.page)
    },

[avue-crud]: https://avuejs.com/doc/crud/crud-doc
[20200831162912964.png_pic_center]: /images/20221123/79a131db30204f7bb0fbc88a7af05504.png

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 oracle统一日期格式,oracle日期格式

1.转换函数与date操作最大关系的就是2个转换函数：to\_date() to\_char() to\_date() 就是将字符类型安按照一定格式转换日期类型比

àì夳堔傛蜴生んèń/ 2023年01月18日 04:26/ 0 赞/ 168 阅读

相关日期格式处理

文章目录前言一、时间的长整数表示二、日期类三、java.util.Date、SimpleDateFormat、Local的主要用法

冷不防/ 2023年01月10日 10:19/ 0 赞/ 239 阅读

相关【PC搜索栏】and design pro搜索栏

> `前言` and design pro 搜索栏地址：[https://preview.pro.ant.design/list/search/articles][ht

àì夳堔傛蜴生んèń/ 2022年12月23日 06:48/ 0 赞/ 128 阅读

相关 avue-crud搜索栏日期格式

关于[avue-crud这个组件库][avue-crud]之前我说过个大概，它是将elementUI的二次封装，今天主要说一下它表格用法里面的自带搜索栏的日期搜索： ![在

小咪咪/ 2022年12月02日 15:02/ 0 赞/ 231 阅读

相关 java日期格式与json日期格式_java - 日期格式映射到JSON Jackson

当然，有一种称为序列化和反序列化的自动方式，您可以使用pb2q中提到的特定注释(@ JsonSerialize，@ JsonDeserialize)来定义它。您可以同时使用

深碍√TFBOYSˉ_/ 2022年11月05日 12:58/ 0 赞/ 216 阅读

相关日期格式转换

日期格式转换在java或js中我们常常会进行日期格式的转换然而每次都去写很麻烦所以在这里我整理了一个dateformat的工具类希望对大家有用！![

向右看齐/ 2022年05月31日 07:56/ 0 赞/ 350 阅读

相关头部搜索栏

效果： ![2019032116080598.png][] 源码： <template> <div> <headers title="

我会带着你远行/ 2022年03月01日 03:20/ 0 赞/ 265 阅读

相关 java日期格式

日期和时间模式日期和时间格式由日期和时间模式字符串指定。在日期和时间模式字符串中，未加引号的字母 'A' 到 'Z' 和 'a' 到 'z' 被解释为模式字母，用来表示日

悠悠/ 2022年01月22日 13:11/ 0 赞/ 244 阅读

相关 uni-app 搜索栏

uni-app 搜索栏 1 <template> 2 <view> 3 <view class="content1">

清疚/ 2021年11月16日 06:58/ 0 赞/ 274 阅读

相关自定义任务栏启动_如何在Windows 7任务栏中自定义日期格式

![自定义任务栏启动][d100dd249824bd1eedc3042d2bb20e7b.png] 自定义任务栏启动 ![132963f0284205904c5cbe3e2

向右看齐/ 2021年07月26日 14:02/ 0 赞/ 393 阅读