javascript - Highchart 范围选择器文本框的奇怪行为。

标签 javascript highcharts

关于以下JS Fiddle我已将日期格式设置为“%d-%m-%Y”。在文本框中更改日期时,我希望导航器将移动到所选日期,但导航器移动到数据的开头。

如果删除此代码inputDateFormat: '%d-%m-%Y'。那么就可以了,但我想要日期格式为 %d-%m-%Y

最佳答案

我认为这是因为 Date.parse 不理解 dd-mm-yyyy 表示法。 请参阅文档:http://api.highcharts.com/highstock#rangeSelector.inputEditDateFormat

This must be a format that is recognized by JavaScript Date.parse

我在 rangeSelector 对象中添加了一个简单的 inputDateParser 函数,该函数似乎有效:

inputDateParser: function(value) {
  var date = value.split('-');
  var returnDate = new Date(
    parseInt(date[2], 10), 
    parseInt(date[1], 10) - 1, 
    parseInt(date[0], 10) + 1
  ).getTime();

  return returnDate;
}

演示:http://jsfiddle.net/aw31ddvv/6/

关于javascript - Highchart 范围选择器文本框的奇怪行为。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36311796/

相关文章:

javascript - 如何垂直对齐两个div中的元素?

javascript - 在 highcharts 中使用动态 html 渲染标题

javascript - 如何在多次克隆表单时使用 javascript 或 jquery 自动滚动到焦点输入字段分区

javascript - 如何更改 pdf 页面上的图标?

javascript - 加载 json 文件到 highchart html 页面

highcharts - 是否可以在运行时在 highcharts 中隐藏导航器?

javascript - Highcharts 在可拖动的折线图上重绘和排序数据

javascript - 使用功能设置两个以上 Highchart Solid Gauge 的最小值和最大值

javascript - Vue 组件 Props 仅在 $vnode 上可用

javascript - Codekit 忽略 .jshintrc