带有日期选择器和非默认日期的 Highstock答案

【问题标题】：Highstock with datepicker and a non-default date带有日期选择器和非默认日期的 Highstock
【发布时间】：2014-08-06 03:54:06
【问题描述】：

我一直致力于将 datepicker 集成到 Highstock 中，但在日期格式方面存在问题。有许多页面描述了默认日期格式 (yy-mm-dd) 的解决方案。一个很好的例子是：

http://forum.highcharts.com/viewtopic.php?f=9&t=13612

但是，我想要一个不同的日期格式：dd-mm-yyyy。我试过以下代码：

window.chart = new Highcharts.StockChart({
// ...
    rangeSelector: {
        inputDateFormat: '%d-%m-%Y',
        inputEditDateFormat: '%d-%m-%Y',
        }

// ...
}, function (chart) {

             //apply the date pickers
            setTimeout(function () {
                $('input.highcharts-range-selector', $('#' + chart.options.chart.renderTo)).datepicker({
                    format: "dd-mm-yyyy"
                });
            }, 0);
        });

但随后控件会发疯（即，它要么选择随机日期，例如 3-June-34 [== 34 年，而不是 1934 年]，要么根本拒绝更改日期。

我想在日期选择器和图表之间转换日期一定有问题。如何解决？

【问题讨论】：

能否请您创建一个到目前为止您尝试过的小提琴？
我的代码很长，但是我已经在 Fiddle 上找到了一个非常简单的代码：jsfiddle.net/BWEm5。它适用于格式：yy-mm-dd，但在例如改为 dd-mm-yyyy。
我检查了你刚刚提供的小提琴链接，但看不到 datepicker 的弹出窗口。我可以从图表的哪个位置看到它？
附在图表右上角的两个输入框中。

标签： jquery date highcharts datepicker date-format

【解决方案1】：

您需要设置inputDateParser。默认情况下，Highcharts 将采用日期，并使用 Date.parse()，其中不支持 dd-mm-yyyy 格式。

查看工作演示：http://jsfiddle.net/BWEm5/152/（例如选择 2013 年之前的日期）。

【讨论】：

Paweł 先生再次拯救了这一天（以及我的薪水；））。谢谢你，先生！