1

Ok。Highstock に慣れている人にとっては、これは簡単なことだと思います。

私が基本的にやりたいことは、From と To の日付入力を同期して、From 入力フィールドをクリックすると、From 入力が「2012 年 9 月 10 日」から「2012-09-10」に変わるだけでなく、To も入力フィールドも「2012 年 9 月 12 日」から「2012 年 9 月 12 日」になります。

このままでは、出力が基本的に「From: '2012-09-10' To: 'Sep 12, 2012'」と表示されるため、あまり顧客フレンドリーではありません。

私がすでに知っていることは、コードの変更は、Highstock.src.js 内の 15639 行目以降のどこかで行われるということです (私はバージョン 1.1.5 を使用しています)。残念ながら、私は Java Script コードを変更するのが苦手です。

4

1 に答える 1

1

あなたは遊びたいと思うかもしれませrangeSelector.inputDateFormatrangeSelector.inputEditDateFormat

最も簡単な方法は、両方を同じに設定することです。そのため、編集モードでも通常モードでも、2 つのボックスには同じ書式が表示されます。

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

入力日付テキスト ボックスの書式設定 @ jsFiddle

于 2012-09-19T10:53:47.407 に答える