[YARN-9240] YARN UI 2 footer shows the datetime in different timezone

• Type: Bug
• Status: Resolved
• Priority: Minor
• Resolution: Duplicate
• Affects Version/s: 3.2.0
• Component/s: yarn-ui-v2

Environment

Windows 10/Firefox 64

  (new Date()).toTimeString()
  => "09:11:16 GMT+0900 (日本標準時)"

• Assignee: Masahiro Tanaka
• Reporter: Masahiro Tanaka
• Created: 26/Jan/19 01:05
• Updated: 30/Jan/19 15:48
• Resolved: 28/Jan/19 20:27

Description

YARN Web UI 2 footer shows the started time about "2019-01-25 16:39" even if the ResourceManager started at "2019-01-26 00:39:34"(UTC), and my PC's localtime is JST.(+09:00 GMT)

ResourceManager log is below: (Sever time is set as UTC).

2019-01-26 00:39:34,619 INFO org.apache.hadoop.yarn.server.resourcemanager.ResourceManager: STARTUP_MSG:
/************************************************************
STARTUP_MSG: Starting ResourceManager
STARTUP_MSG:   host = XXXXX/XXXXX
STARTUP_MSG:   args = []
STARTUP_MSG:   version = 3.2.0
(snip)

Web browser console outputs an error like below

TypeError: "c[0].match(...) is null"
	i http://localhost:8088/ui2/assets/vendor.js:5598:40973
	l http://localhost:8088/ui2/assets/vendor.js:5598:41338
	p http://localhost:8088/ui2/assets/vendor.js:5598:42035
	q http://localhost:8088/ui2/assets/vendor.js:5598:42235
	getDefaultTimezone http://localhost:8088/ui2/assets/yarn-ui.js:378:464
	convertTimestampWithTz http://localhost:8088/ui2/assets/yarn-ui.js:379:220
	timeStampToDate http://localhost:8088/ui2/assets/yarn-ui.js:360:80
	dateFormatter http://localhost:8088/ui2/assets/yarn-ui.js:177:1011
	compute http://localhost:8088/ui2/assets/vendor.js:1052:780
	value http://localhost:8088/ui2/assets/vendor.js:1528:12
	read http://localhost:8088/ui2/assets/vendor.js:1544:58
	readArray http://localhost:8088/ui2/assets/vendor.js:1545:110
	compute http://localhost:8088/ui2/assets/vendor.js:1553:317
	value http://localhost:8088/ui2/assets/vendor.js:1528:12
	read http://localhost:8088/ui2/assets/vendor.js:1544:58
	getValue http://localhost:8088/ui2/assets/vendor.js:907:329
	attribute http://localhost:8088/ui2/assets/vendor.js:2547:54
	attribute http://localhost:8088/ui2/assets/vendor.js:2575:623
	populateNodes http://localhost:8088/ui2/assets/vendor.js:2610:334
	render http://localhost:8088/ui2/assets/vendor.js:2605:265
	render http://localhost:8088/ui2/assets/vendor.js:2579:122
	yieldTemplate http://localhost:8088/ui2/assets/vendor.js:2479:155
	ifUnless http://localhost:8088/ui2/assets/vendor.js:871:85
	ifHelper http://localhost:8088/ui2/assets/vendor.js:869:524
	compute http://localhost:8088/ui2/assets/vendor.js:1051:500
	value http://localhost:8088/ui2/assets/vendor.js:1528:12
	invokeHelper http://localhost:8088/ui2/assets/vendor.js:914:14
	continueBlock http://localhost:8088/ui2/assets/vendor.js:2504:214
	renderAndCleanup http://localhost:8088/ui2/assets/vendor.js:2661:189
	hostBlock http://localhost:8088/ui2/assets/vendor.js:2505:150
	continueBlock http://localhost:8088/ui2/assets/vendor.js:2504:83
	block http://localhost:8088/ui2/assets/vendor.js:2503:1
	block http://localhost:8088/ui2/assets/vendor.js:2572:288
	populateNodes http://localhost:8088/ui2/assets/vendor.js:2610:34
	render http://localhost:8088/ui2/assets/vendor.js:2605:265
	render http://localhost:8088/ui2/assets/vendor.js:2579:122
	_firstRender http://localhost:8088/ui2/assets/vendor.js:2658:245
	renderAndCleanup http://localhost:8088/ui2/assets/vendor.js:2661:189
	_firstRender http://localhost:8088/ui2/assets/vendor.js:2658:55
	invoke http://localhost:8088/ui2/assets/vendor.js:2657:203
	yieldKeyword http://localhost:8088/ui2/assets/vendor.js:991:888
	handleKeyword http://localhost:8088/ui2/assets/vendor.js:2512:40
	handleRedirect http://localhost:8088/ui2/assets/vendor.js:2509:4
	inline http://localhost:8088/ui2/assets/vendor.js:2528:62
	content http://localhost:8088/ui2/assets/vendor.js:2572:903
	populateNodes http://localhost:8088/ui2/assets/vendor.js:2610:181
	render http://localhost:8088/ui2/assets/vendor.js:2605:265
	render http://localhost:8088/ui2/assets/vendor.js:2579:122
	_firstRender http://localhost:8088/ui2/assets/vendor.js:2658:245
	renderAndCleanup http://localhost:8088/ui2/assets/vendor.js:2661:189
	_firstRender http://localhost:8088/ui2/assets/vendor.js:2658:55
	invoke http://localhost:8088/ui2/assets/vendor.js:2657:203
	ViewNodeManager_render_instrument http://localhost:8088/ui2/assets/vendor.js:1033:16
	instrument http://localhost:8088/ui2/assets/vendor.js:1067:25
	ViewNodeManager_render http://localhost:8088/ui2/assets/vendor.js:1031:376
	render http://localhost:8088/ui2/assets/vendor.js:972:160
	handleKeyword http://localhost:8088/ui2/assets/vendor.js:2518:34
	handleRedirect http://localhost:8088/ui2/assets/vendor.js:2509:4
	inline http://localhost:8088/ui2/assets/vendor.js:2528:62
	content http://localhost:8088/ui2/assets/vendor.js:2572:903
	populateNodes http://localhost:8088/ui2/assets/vendor.js:2610:181
	render http://localhost:8088/ui2/assets/vendor.js:2605:265
	render http://localhost:8088/ui2/assets/vendor.js:2579:122
	_firstRender http://localhost:8088/ui2/assets/vendor.js:2658:245
	renderAndCleanup http://localhost:8088/ui2/assets/vendor.js:2661:189
	_firstRender http://localhost:8088/ui2/assets/vendor.js:2658:55
	invoke http://localhost:8088/ui2/assets/vendor.js:2657:203
	ViewNodeManager_render_instrument http://localhost:8088/ui2/assets/vendor.js:1033:16
	instrument http://localhost:8088/ui2/assets/vendor.js:1067:25
	ViewNodeManager_render http://localhost:8088/ui2/assets/vendor.js:1031:376
	renderHTMLBarsBlock http://localhost:8088/ui2/assets/vendor.js:1071:1530
	renderBlock http://localhost:8088/ui2/assets/vendor.js:2303:8
	Renderer_prerenderTopLevelView http://localhost:8088/ui2/assets/vendor.js:1628:377
	Renderer_renderTopLevelView http://localhost:8088/ui2/assets/vendor.js:1628:622
	invoke http://localhost:8088/ui2/assets/vendor.js:626:188
	flush http://localhost:8088/ui2/assets/vendor.js:629:12
	flush http://localhost:8088/ui2/assets/vendor.js:619:457
	end http://localhost:8088/ui2/assets/vendor.js:642:385
	run http://localhost:8088/ui2/assets/vendor.js:648:288
	run http://localhost:8088/ui2/assets/vendor.js:1509:356
	success http://localhost:8088/ui2/assets/vendor.js:5118:108
	fire http://localhost:8088/ui2/assets/vendor.js:230:281
	fireWith http://localhost:8088/ui2/assets/vendor.js:235:198
	done http://localhost:8088/ui2/assets/vendor.js:555:86
	callback http://localhost:8088/ui2/assets/vendor.js:572:215

I think YARN UI 2 uses "moment/moment-timezone" to `guess` the timezone on a browser and convert the time with it,
but it has a bug which is might be related to this problem.

https://github.com/moment/moment-timezone/pull/302

Issue Links

• duplicates: YARN-8747 [UI2] YARN UI2 page loading failed due to js error under some time zone configuration