rangepicker 默认显示的当前月1号到最后一号的数据 要求选择不同月的时候 开始时间为一号 结束时间为选定的那个月的最后一号

可以选择不同月份时，通过监听日期选择器的变化事件，在事件处理函数中动态设置开始时间和结束时间。

具体实现方式如下：
1. 监听日期选择器的变化事件，获取选择的年份和月份。

2. 根据选择的年份和月份，计算出当前月份的第一天和最后一天的日期。例如，如果选择了2022年12月，则第一天为"2022-12-01"，最后一天为"2022-12-31"。

3. 将计算出的日期作为开始时间和结束时间，更新日期选择器的值。

以下是一个示例代码：

// 获取日期选择器的 DOM 元素
const picker = document.querySelector('.date-picker');

// 监听日期选择器的变化事件
picker.addEventListener('change', (event) => {
  // 获取选择的年份和月份
  const year = event.target.value.slice(0, 4);
  const month = event.target.value.slice(5, 7);

  // 计算当前月份的第一天和最后一天的日期
  const firstDay = `${year}-${month}-01`;
  const lastDay = `${year}-${month}-${new Date(year, month, 0).getDate()}`;

  // 更新日期选择器的值
  picker.setAttribute('start-date', firstDay);
  picker.setAttribute('end-date', lastDay);
});

在上述代码中，我们使用了`slice()`方法获取选择的年份和月份。然后，使用`new Date(year, month, 0).getDate()`方法计算当前月份的最后一天。最后，使用`setAttribute()`方法更新日期选择器的值。请根据具体情况修改代码。