在jqPlot中使用Zoom来设置datepicker (jquery)

Question

我使用的是基于jqPlot的普通折线图。可以放大和缩小(使用doubleclick)。另外，我还有一个基于jquery插件的datepicker。

当人们放大折线图时，是否可以同时设置两个日期选择器字段(从和到)？

再见

Answer 1

您可以绑定jqplot的zoom事件，获取缩放数据的最小值和最大值，然后根据这些值更新您的datepicker：

$("#chart1").bind('jqplotZoom, function(){
  var from = new Date(plot.axes.xaxis.min);
  var to   = new Date(plot.axes.xaxis.max);
  //Update your datepicker here.
});