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ライブラリを使用するか、独自の実装を作成する必要があります。