使用chrome tempermonkey自定义添加一个时间日期转换插件。
chrome tempermonkey是一个很强大的插件。 可以对页面做任何处理。

使用 ####

1.安装chrome tempermonkey插件.
2.安装此脚本.
3.连续按t3次, 调出时间戳转日期输入框,按回车转换,按esc退出.
4.连续按d3次,调出日期转时间戳选择框,按回车转化,按esc退出.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
// ==UserScript==
// @name time-date-convertor
// @namespace http://tampermonkey.net/
// @version 0.1
// @description press [t/d] key three time then show [timestamp/date] convertor
// @author arvim.lo <bigpao.luo@gmail.com>
// @require http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
// @match http*://*/*
// @grant none
// ==/UserScript==

(function() {
'use strict';
var timeTemplateEle = $('<div style="display: inline; position: fixed; z-index:10000; right: 10px; top: 10px;"><input type="number" id="time-ipt" />
<span id="time-result"></span></div>');
var dateTemplateEle = $('<div style=" display: inline; position: fixed; z-index: 10000; right: 10px; top: 10px;"><input type="date" id="date-ipt" />
<span id="date-result"></span></div>');
var bodyEle = $("body");
var timeResultEle = $("#time-result", timeTemplateEle);
var timeIptEle = $("#time-ipt", timeTemplateEle);
var cssStyle = {
"font-size": "12px",
"padding": " 5px",
"color": "#555",
"vertial-align": "middle",
"border": "1px solid #ccc",
"border-radius": "3px",
};
timeIptEle.css(cssStyle);

var dateResultEle = $("#date-result", dateTemplateEle);
var dateIptEle = $("#date-ipt", dateTemplateEle);
dateIptEle.css(cssStyle);
var keyCounter = new Map();

/**
* 响应t事件, 当t连续三次后, 调出输入框, 输入时间戳, 回车时间计算, esc键干掉
*/
bodyEle.on("keyup", "#time-ipt", function (evt) {
var timeIptEle = $(this);
if (evt.keyCode == 13) {
var value = timeIptEle.val();
if ($.trim(value) === "") {
alert(" Please Input Value ! ");
} else {
var dateObj = new Date(value * 1000);
timeResultEle.html(dateObj.getFullYear() + '/' + (dateObj.getMonth() + 1) + '/' + dateObj.getDate() + ' ' + dateObj.getHours() + ':' + dateObj.getMinutes() + ':' + dateObj.getSeconds());
}
} else if (evt.keyCode == 27) {
timeTemplateEle.remove();
}
});

/**
* 响应d事件, 当日期选择好后, 回车转换成时间JavaScript时间戳,esc键干掉
*/
bodyEle.on("keyup", "#date-ipt", function (evt) {
var dateIptEle = $(this);
if (evt.keyCode == 13) {
var value = dateIptEle.val();
if ($.trim(value) === "") {
alert(" Please Input Date ! ");
} else {
var dateObj = new Date(value);
dateResultEle.html(dateObj.getTime());
return;
}
} else if (evt.keyCode == 27) {
dateTemplateEle.remove();
}
});

/**
* 响应 t,d事件, 当t,d连续三次, 调出时间,日期转input框
*/
bodyEle.on("keyup", function (evt) {
var keyCode = evt.keyCode,
keyFlag = 'key-' + keyCode,
keyCount = keyCounter.get(keyFlag) || 0;

if (keyCode == 84) {
keyCounter.set(keyFlag, ++keyCount);
if (keyCount == 3) {
bodyEle.prepend(timeTemplateEle);
timeIptEle.focus();
keyCounter.clear();
}
} else if (keyCode == 68) {
keyCounter.set(keyFlag, ++keyCount);
if (keyCount === 3) {
bodyEle.prepend(dateTemplateEle);
dateIptEle.focus();
keyCounter.clear();
}
} else {
keyCounter.clear();
}
});
})();