Jquery Oracle Application Express-APEX报告区域-如何为日期列使用日期范围滑块（开始日期-结束日期）

我已经创建了一个包含7列（开始日期和结束日期）的报告区域，其中包含日历。现在我想实现日期范围滑块，从每一行中删除日历选择。例如 我还想在一个项目中存储开始日期和结束日期。

---

我如何实现它。请建议

如果我理解正确，您希望为报告的每一行创建一个日期范围滑块。在这种情况下，我们必须为每一行生成一个具有唯一ID的DIV。如果您的行中也有一个ID，我们可以使用此ID作为slider DIV ID的后缀。假设您现在在报表后面有以下查询：

select event_id
,      event_name
,      start_date
,      end_date
from   events

您可以在日期列中生成日历小部件。 好的，现在首先隐藏开始日期和结束日期列，使它们不再可见。以后也许你可以把它们取下来

然后选择将包含新滑块的额外列：

select event_id
,      event_name
,      start_date
,      end_date
,      null as slider
from   events

现在转到“报告属性”并编辑滑块列。转到列格式，我们将在这里添加HTML表达式，它将成为滑块的DIV。我们还添加了一段javascript，它将为我们生成滑块，并绑定更改事件。单击[Insert column value]链接查找您的ID列。下面是我上面的例子，它看起来像这样：

<div id="slider#EVENT_ID#"></div>
<script>
  $("#slider#EVENT_ID#").dateRangeSlider();
  $("#slider").bind("valuesChanging", function(e, data) {
    HandleSliderChange(#EVENT_ID#, data);
  });
</script>

$（“#slider#EVENT#ID#”）dateRangeSloider（）；
$（“#滑块”）.bind（“valuesChanging”，函数（e，数据）{
HandleSliderChange（#事件#ID#，数据）；
});

现在，您必须在某个地方定义HandleSliderChange函数，以便处理事件。它将向您传递事件/行的ID，并在数据参数中找到新的日期。使用它来设置页面项目或以任何您想要的方式处理它

当然，您可能还需要做一些其他的事情，比如设置滑块的初始日期，但是这应该会给您留下一个良好的印象，让您了解可能的路径