實現數據變背景高亮(jq對比時間戳)

主要是dom對象要轉JQ的對象,下面是腳本代碼: 

<script>
	$(function() {
		$(':checkbox').attr("checked", "true");
		myDate = new Date();
		var TrBk = $("tr[name='TrBk[]']")
		var StartTime = []
		var EndTime = []
		var trbk = []
		var start = $("input[name='ExtensionStart[]']")
		start.each(function() {
			StartTime.push($(this).val());
		})

		var end = $("input[name='ExtensionEnd[]']")
		end.each(function() {
			EndTime.push($(this).val());
		})
		var time = myDate.toLocaleDateString();
		TrBk = $(TrBk)
		for(var i = 0; i < StartTime.length; i++) {
			//轉化時間戳
			StartTime[i] = time + " " + StartTime[i]
			StartTime[i] = new Date(StartTime[i]).getTime();
			//轉化時間戳
			EndTime[i] = time + " " + EndTime[i]
			EndTime[i] = new Date(EndTime[i]).getTime();

			if(StartTime[i] < myDate.getTime() && EndTime[i] > myDate.getTime()) {
				$(TrBk[i]).css("background", "#EE7942")
			} else if(EndTime[i] < myDate.getTime()) {
				$(TrBk[i]).css("background", "")
			}

		}

	})
</script>

html5代碼

						<td> <input type="time" name="ExtensionStart[]" class="form-control" required value="{$pv.ExtensionStart}"></td>
						<td> <input type="time" name="ExtensionEnd[]" class="form-control" required value="{$pv.ExtensionEnd}"></td>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章