Показать сообщение отдельно
  #7 (permalink)  
Старый 09.09.2013, 16:21
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

С Вас итоговая разметка и $10
<!DOCTYPE html>
<html><head></head>
<body>
<div id="target"></div>
<script>
var period = '9.00 - 11.29';
var expr = /\d?\d/g;
var startDate = new Date();
startDate.setHours(expr.exec(period), expr.exec(period), 0);
var stopDate = new Date();
stopDate.setHours(expr.exec(period), expr.exec(period), 0);
var out = '';
while(startDate < stopDate) {
	var str = humanHour(startDate.getHours()) + '.' + humanHour(startDate.getMinutes()); 
	out += '<input type="radio" id="' + str + '" name="time" value="' + str + '"><label for="' + str + '"> ' + str + ' - ';
	startDate.setMinutes(startDate.getMinutes() + 15);
	out += humanHour(thatBefore(startDate, stopDate).getHours()) + '.' + humanHour(thatBefore(startDate, stopDate).getMinutes()) + '</label><br />';
}
document.getElementById('target').innerHTML = out;
function humanHour(h){ return h < 10 ? '0' + h : h; }
function thatBefore(a, b){ return a < b ? a : b; } 
</script>
</body>
</html>

Последний раз редактировалось BETEPAH, 09.09.2013 в 18:19.
Ответить с цитированием