antd table 时间搜索_antd通过 filterDropdown 自定义--按某天时间搜索

import React, { Component } from 'react';

import { Table, Input, Button, Icon, DatePicker } from 'antd';

import moment from 'moment';

import Highlighter from 'react-highlight-words';

export default class RpoliceRecord extends Component {

constructor(props) {

super(props);

this.state = {

searchText: '',

}

}

render() {

// 添加搜索

this.getColumnSearchProps = (dataIndex, title) => ({

filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (

{

this.searchInput = node;

}}

placeholder={`搜索 ${title}`}

value={selectedKeys[0]}

onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}

onPressEnter={() => this.handleSearch(selectedKeys, confirm)}

style={{ width: 188, marginBottom: 8, display: 'block' }}

/>this.handleSearch(selectedKeys, confirm)}

icon="search"

size="small"

style={{ width: 90, marginRight: 8 }}>

搜索

this.handleReset(clearFilters)} size="small" style={{ width: 90 }}>重置

),