Question

确定。我相信对于习惯于Highstock的人来说，这是一个简单的方法。

我基本上想要做的是同步From和To日期输入，这样当你点击From输入字段时，From输入不仅会从“Sep 10,2012”变为“2012-09-10”但是输入字段也将从“2012年9月12日”变为“2012-09-12”。

实际上，它不是非常客户友好，因为输出基本上是“从：'2012-09-10'到：'2012年9月12日'

我已经知道的是代码的更改将发生在Highstock.src.js中的第15639行之后（我使用的是版本1.1.5）。不幸的是，我不擅长修改Java Script代码

Answer 1

您可能想要使用rangeSelector.inputDateFormat和rangeSelector.inputEditDateFormat

最简单的方法是将两者设置为相同，因此非常重要的天气是编辑或正常模式，两个框仍然会显示相同的格式

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');
    });
});

Format Input Date text boxes @ jsFiddle

如何在Highstock中同步From To date包装器？

1 个答案: