主要是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>