Как преобразовать время в метки времени javascript, используя javascript или jquery? - PullRequest
Новая
       3

Как преобразовать время в метки времени javascript, используя javascript или jquery?

2 голосов
/ 22 февраля 2012

Как я буду конвертировать это время 11:34 в метки времени javascript. Любая функциональность javascript доступна для этого.

Я пытаюсь создать плавающий график, для которого я использую библиотеку Flot. В моем графике время на оси х и рассчитывать на оси у. Для создания части данных мне нужно преобразовать время в метку времени, как указано в API doc.

http://people.iola.dk/olau/flot/API.txt

Это мой код 

var datasets = {
    "usa": {
        label: "Logged Users",
        data: [[10:55, 4], [11:00, 1], [11:05, 4], [11:10, 2], [11:15, 3], [11:20, 1], [11:25, 5]]
    }
};

if (datasets.length > 0){
    $.plot($("#placeholder"), datasets, {
        yaxis: { min: 0,tickDecimals: 0 },
        xaxis: {  mode: "time",timeformat: "%H:%M" }
    });
}

Это не будет работать, потому что я указал точное время вместо числа. Поэтому мне нужно преобразовать это в формат отметок времени.
Пожалуйста, помогите мне.

Спасибо

Ответы [ 3 ]

4 голосов
/ 22 февраля 2012

Используйте экземпляр объекта Date : 

var sTime = '11:34';
var oDate = new Date();
oDate.setUTCHours(
    parseInt(sTime.substr(0, 2), 10),
    parseInt(sTime.substr(3, 2), 10),
    0,
    0
);
var sTimestamp = oDate.getTime();

Также см. этот пример .

=== ОБНОВЛЕНИЕ ===

Когда местное время вместо UTC, вы можете установить время с помощью: 

oDate.setHours(
    parseInt(sTime.substr(0, 2), 10),
    parseInt(sTime.substr(3, 2), 10),
    0,
    0
);

Также см. этот пример .

Ps: результат getTime() в миллисекундах.

=== UPDATE ===

Чтобы отобразить текущий набор данных, вы можете использовать следующий скрипт (с UTC; если вы хотите использовать местное время)удалить UTC в сеттере): 

var aCountries = [ "usa" ];
var oDate = new Date();
oDate.setSeconds(0, 0);
for (var i = 0; i < aCountries.length; i++) {
    datasets[aCountries[i]].data =
        datasets[aCountries[i]].data.map(function(oElement) {
            oDate.setUTCHours(
                parseInt(oElement[0].substr(0, 2), 10),
                parseInt(oElement[0].substr(3, 2), 10)
            );
            return [
                oDate.getTime()
                , oElement[1]
            ];
        });
}

Также см. этот пример .

0 голосов
/ 22 февраля 2012

Я обнаружил, что разбивка даты jQuery Globalization работает лучше всего. Другие методы имели проблемы с кроссбраузерностью, и такие вещи, как date.js, не обновлялись довольно долго.

Вам также не нужен указатель даты на странице. Вы можете просто вызвать что-то похожее на пример, приведенный в документации: 

$.parseDate('yy-mm-dd', '2007-01-26');
0 голосов
/ 22 февраля 2012 
    var now = new Date();

    now.format("m/dd/yy");

// Returns, e.g., 6/09/07

// Can also be used as a standalone function
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
// Saturday, June 9th, 2007, 5:46:21 PM

// You can use one of several named masks
now.format("isoDateTime");
// 2007-06-09T17:46:21

// ...Or add your own
dateFormat.masks.hammerTime = 'HH:MM! "Can\'t touch this!"';
now.format("hammerTime");
// 17:46! Can't touch this!

// When using the standalone dateFormat function,
// you can also provide the date as a string
dateFormat("Jun 9 2007", "fullDate");
// Saturday, June 9, 2007

// Note that if you don't include the mask argument,
// dateFormat.masks.default is used
now.format();
// Sat Jun 09 2007 17:46:21

// And if you don't include the date argument,
// the current date and time is used
dateFormat();
// Sat Jun 09 2007 17:46:22

// You can also skip the date argument (as long as your mask doesn't
// contain any numbers), in which case the current date/time is used
dateFormat("longTime");
// 5:46:22 PM EST

// And finally, you can convert local time to UTC time. Either pass in
// true as an additional argument (no argument skipping allowed in this case):
dateFormat(now, "longTime", true);
now.format("longTime", true);
// Both lines return, e.g., 10:46:21 PM UTC

// ...Or add the prefix "UTC:" to your mask.
now.format("UTC:h:MM:ss TT Z");
// 10:46:21 PM UTC

Use all date time example .,so use it.
...