HTML5 범위 "슬라이더"옆에 값 표시

Question

범위 "슬라이더"가 있는데 그 옆에있는 데이터베이스의 값을 (시간) 표시하려고합니다. 아래는 제가 지금까지 가지고있는 것입니다. 가장 빠른 날짜와 최신 날짜가 슬라이더 앞에 잘 표시되므로 DB에서 가져 오는 것이 좋지만 슬라이더 옆에 표시되도록 할 수 있습니다. 나는 단지 0에서 100까지의 값을 얻는다. 이것을 고치는 어떤 아이디어? 감사합니다

$sqltime = "SELECT Time FROM Test"; 
$resulttime = mysql_query($sqltime); 

$vartime = array(); 
while ($rowtime = mysql_fetch_array($resulttime)) { 
$bmsTime = $rowtime['Time']; 
//Convert Excel Timestamp of DB to Unix Timestamp 
$unixtime=($bmsTime-25569)*86400; 
$vartime[] =date('l jS \of F Y h:i:s A',($unixtime)); 
} 


echo "Earliest Date:". ($vartime[0]) ."<br>"; 
$timemax=end($vartime); 
echo "Latest Date:". ($timemax)."<br>"; 
echo "<input id='slider' type='range' min=\"$vartime[0]\" max=\"$timemax\" value=\"$vartime[0]\" step='any' /> 
<span id='range'> </span>"; 

?> 
<script> 
    var selectmenu=document.getElementById("slider"); 
    var valchanged; 
    selectmenu.onchange=function changeval(){ 
    valchanged=selectmenu.value; 
    document.getElementById("range").innerHTML=valchanged; 
    } 
</script> 

Answer 1

pimvdb가 말한 것처럼 범위 입력 유형은 날짜를 사용할 수 없습니다. spec에 따라 부동 소수점 숫자 만 사용할 수 있습니다.

후속 작업을 수행하려면 타사 JavaScript 라이브러리를 사용하거나 직접 구현해야합니다.