Javascript 如何为2个日期选择器编辑highstocks.js

我有一个页面a.jsp，上面包含了b.jsp和c.jsp

b、 jsp有一个带有日期范围的highstock图。 c、 jsp还有一个带有日期范围的highstock图

这就是我设定约会时间的方式

function(chart) {
   setTimeout(function() {
        $('input.highcharts-range-selector',$('#'+ options.chart.renderTo)).datepicker()
   }, 0);
});

这就是我如何在highcharts中选择它的值

 $.datepicker.setDefaults({
                    dateFormat : 'yy-mm-dd',
                    onSelect : function(dateText) {
                        var from = $('input.highcharts-range-selector:eq(0)').val();
                        var to = $('input.highcharts-range-selector:eq(1)') .val();
                        alert(to +"---"+from );
                        alert(from +"+==="+to);

 http://jsfiddle.net/BWEm5/

我需要做的是从两个datepicker获取datepicker值，但我总是获取第一个datepicker的值，因为名称相同 我需要改变js，使其工作良好，并给我这两个日期 我已经复制了js for 2页面，但它不起作用。我在第二个js highcharts范围选择器中更改了元素名称，但它不起作用。这些行：

var from = $('input.highcharts-range-selector:eq(0)').val();
var to = $('input.highcharts-range-selector:eq(1)') .val();

将为您提供从第一个dateticker开始的日期，因为您选择了0和1索引。如果您想要更多，只需使用：

var from = $('input.highcharts-range-selector:eq(0)').val();
var to = $('input.highcharts-range-selector:eq(1)') .val();
var from2 = $('input.highcharts-range-selector:eq(3)').val(); //third picker
var to2 = $('input.highcharts-range-selector:eq(4)') .val(); //fourth picker

或者更快地举办活动：

var inputs = $('input.highcharts-range-selector'),
    from = inputs[0].value, //first picker
    to = inputs[1].value, //second picker
    from2 = inputs[2].value, //third picker
    to2 = inputs[3].value; //fourth picker

---

演示：

我很欣赏这个答案，但在我的例子中，我必须根据日期范围从2个不同的URL获取数据。因为我有2个不同的页面扫描，所以我在运行时设置了renderTo选项？？这样，如果我调用相同的日期选择器，我就可以根据设置在不同的div中设置数据？还是改变？一般来说，你无法改变这一点。如果您有两个页面，那么您希望如何从不同的页面获取信息我有一个页面，其中包括两个jsp页面，两个页面都从url获取数据，并呈现为2个不同的div，但当日期更改时，从datepicker选择调用jquery，这与我再次调用选项部分和系列选项部分以在该部分中绘制图表的情况相同，我需要将该renderTo选项更改为或建议如何在jquery中绘制与两个日期选择器链接的2个datepicker getter函数你能在描述中使用一些标点符号吗？老实说，很难理解你拥有什么，你想要什么，你对我的期望是什么。我的解决方案不依赖于图表的数量。看我的例子，它工作得很好。您在.jsp文件中拥有的信息不会改变任何东西。