react项目，通过自定义 separator 属性来修改日期选择器中间的分隔符：

1. 引入必要的依赖
确保你已经引入了 DatePicker 组件和 moment 库。

import React, { Component } from 'react';
import { DatePicker } from 'antd';
import moment from 'moment';

const { RangePicker } = DatePicker;
const dateFormat = "YYYY/MM/DD";

2. 定义父组件
在父组件中，定义 rangeTime 状态来存储用户选择的日期范围，并在 handleChange 方法中更新这个状态。然后，在 render 方法中使用 separator 属性来修改日期选择器的分隔符。

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      rangeTime: [], // 初始化日期范围为空数组
      data: null // 存储从后端获取的数据
    };

    // 绑定事件处理函数
    this.handleChange = this.handleChange.bind(this);
    this.handleQuery = this.handleQuery.bind(this);
  }

  handleChange(type, dates) {
    this.setState({ rangeTime: dates });
  }

  handleQuery() {
    const { rangeTime } = this.state;
    const startTime = rangeTime[0] ? rangeTime[0].format(dateFormat) : "";
    const endTime = rangeTime[1] ? rangeTime[1].format(dateFormat) : "";

    // 调用后端接口，传递 startTime 和 endTime 参数
    fetch('https://api.example.com/getData', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ startTime, endTime })
    })
      .then(response => response.json())
      .then(data => {
        this.setState({ data });
      })
      .catch(error => {
        console.error('Error fetching data:', error);
      });
  }

  render() {
    const { rangeTime } = this.state;

    // 自定义日期选择器的分隔符
    const customRangePicker = (
      <RangePicker
        value={rangeTime}
        onChange={this.handleChange.bind(this, "range")}
        format={dateFormat}
        separator="-" // 修改分隔符为 "-"
      />
    );

    return (
      <div>
        {customRangePicker}
        <button onClick={this.handleQuery}>查询</button>
        {this.state.data && (
          <div>
            <h2>查询结果</h2>
            <pre>{JSON.stringify(this.state.data, null, 2)}</pre>
          </div>
        )}
      </div>
    );
  }
}

export default MyComponent;

3. 解释代码
自定义日期选择器的分隔符:

使用 separator 属性来修改日期选择器的分隔符为 -。

事件处理:

handleChange 方法在用户选择日期时被调用，更新 rangeTime 状态。

handleQuery 方法在用户点击查询按钮时被调用，获取 rangeTime 中的日期并格式化，然后调用后端接口，传递 startTime 和 endTime 参数。

总结
通过使用 separator 属性，你可以在 React 15.6.2 版本中实现将日期选择器中间的分隔符从 ～ 修改为 - 的需求。这样，你就可以在日期选择器中显示自定义的日期范围格式了。