|
Сообщение от Сергей74rus
|
|
id="time-is-09:00"
|
неправильный формат id, замените на
data-time="09:00:00" ,вам же проще будет.
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<p>
<button type="button" class="btn-sample" id="time-is-09:00" onclick="" >09:00</button>
<button type="button" class="btn-sample" id="time-is-09:30" onclick="" >09:30</button>
<button type="button" class="btn-sample" id="time-is-10:00" onclick="" >10:00</button>
<button type="button" class="btn-sample" id="time-is-10:30" onclick="" >10:30</button>
<button type="button" class="btn-sample" id="time-is-11:00" onclick="" >11:00</button>
<button type="button" class="btn-sample" id="time-is-11:30" onclick="" >11:30</button>
<button type="button" class="btn-sample" id="time-is-12:00" onclick="" >12:00</button>
<button type="button" class="btn-sample" id="time-is-12:30" onclick="" >12:30</button>
<button type="button" class="btn-sample" id="time-is-13:00" onclick="" >13:00</button>
<button type="button" class="btn-sample" id="time-is-13:30" onclick="" >13:30</button>
<button type="button" class="btn-sample" id="time-is-14:00" onclick="" >14:00</button>
<button type="button" class="btn-sample" id="time-is-14:30" onclick="" >14:30</button>
<button type="button" class="btn-sample" id="time-is-15:00" onclick="" >15:00</button>
<button type="button" class="btn-sample" id="time-is-15:30" onclick="" >15:30</button>
<button type="button" class="btn-sample" id="time-is-16:00" onclick="" >16:00</button>
<button type="button" class="btn-sample" id="time-is-16:30" onclick="" >16:30</button>
<button type="button" class="btn-sample" id="time-is-17:00" onclick="" >17:00</button>
</p>
<script>
var arr = [{"Time":"09:00:00","events":"2015-11-26"},{"Time":"09:30:00","events":"2015-11-26"},{"Time":"10:00:00","events":"2015-11-26"},{"Time":"10:30:00","events":"2015-11-26"},{"Time":"11:00:00","events":"2015-11-26"},{"Time":"11:30:00","events":"2015-11-26"},{"Time":"12:00:00","events":"2015-11-26"}];
arr.forEach( function(el) {
var time = el["Time"].substr(0,5);
var elem = document.querySelector('[id="time-is-'+time+'"]')
elem && elem.setAttribute("disabled" ,"disabled")
});
</script>
</body>
</html>