Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Highstock中同步从开始到结束的包装器?_Javascript_Highstock - Fatal编程技术网

Javascript 如何在Highstock中同步从开始到结束的包装器?

Javascript 如何在Highstock中同步从开始到结束的包装器?,javascript,highstock,Javascript,Highstock,嗯。我相信这对于那些习惯于高库存的人来说是一件容易的事 我主要想做的是同步起始和截止日期输入,这样当您单击起始输入字段时,不仅起始输入将从“2012年9月10日”更改为“2012-09-10”,而且起始输入字段也将从“2012年9月12日”更改为“2012-09-12” 事实上,它对客户不是很友好,因为输出内容基本上是“从:'2012-09-10'到:'2012年9月12日” 我已经知道,代码的更改必须在Highstock.src.js(我使用的是1.1.5版)中第15639行之后的某个地方进行

嗯。我相信这对于那些习惯于高库存的人来说是一件容易的事

我主要想做的是同步起始和截止日期输入,这样当您单击起始输入字段时,不仅起始输入将从“2012年9月10日”更改为“2012-09-10”,而且起始输入字段也将从“2012年9月12日”更改为“2012-09-12”

事实上,它对客户不是很友好,因为输出内容基本上是“从:'2012-09-10'到:'2012年9月12日”

我已经知道,代码的更改必须在Highstock.src.js(我使用的是1.1.5版)中第15639行之后的某个地方进行。不幸的是,我不太擅长修改Java脚本代码

最简单的方法是将两者设置为相同,因此无论是编辑模式还是正常模式,这两个框仍将显示相同的格式

rangeSelector: {
    inputDateFormat : '%Y-%m-%d',
    rangeSelector.inputEditDateFormat : '%Y-%m-%d'
}
或者,您可以使用
Highcharts.dateFormat(format,time)
方法将日期格式化为所需格式,并将其设置到文本框中

var dateImputBoxes=[chart.rangeSelector.leftBox, chart.rangeSelector.rightBox];

function formatBoxes(format) {
    $(dateImputBoxes).each(function() {
        this.value = Highcharts.dateFormat(format, this.HCTime);
    });
}

$(dateImputBoxes).each(function() {
    $(this).focus(function() {
        formatBoxes('%Y-%m-%d');
    });
     $(this).blur(function() {
        formatBoxes('%b %e, %Y');
    });
});

您可能想玩和

最简单的方法是将两者设置为相同,因此无论是编辑模式还是正常模式,这两个框仍将显示相同的格式

rangeSelector: {
    inputDateFormat : '%Y-%m-%d',
    rangeSelector.inputEditDateFormat : '%Y-%m-%d'
}
或者,您可以使用
Highcharts.dateFormat(format,time)
方法将日期格式化为所需格式,并将其设置到文本框中

var dateImputBoxes=[chart.rangeSelector.leftBox, chart.rangeSelector.rightBox];

function formatBoxes(format) {
    $(dateImputBoxes).each(function() {
        this.value = Highcharts.dateFormat(format, this.HCTime);
    });
}

$(dateImputBoxes).each(function() {
    $(this).focus(function() {
        formatBoxes('%Y-%m-%d');
    });
     $(this).blur(function() {
        formatBoxes('%b %e, %Y');
    });
});

谢谢。我将使用第一种方法作为临时解决方案,而我将继续使用JSFIDLE(或其他人提出更好的解决方案)。我相信我的老板不会介意:)@user1682540如果您在理解Fiddle中的某些代码时遇到问题,请告诉我。谢谢。我将使用第一种方法作为临时修复,而我正在处理更多的JSFIDLE(或者其他人提出更好的解决方案)。我相信我的老板不会介意:)@user1682540如果您在理解Fiddle中的某些代码时遇到困难,请告诉我。我不建议直接更改源代码,因为有足够的接缝可以插入代码以使您的用例正常工作。我不建议直接更改源代码,因为有足够的接缝可以插入代码以使用case工作