顯示HTML5範圍「滑塊」旁邊的值

我有一個範圍「滑塊」，我希望它可以顯示它旁邊的數據庫中的值（次數）。以下是我到目前爲止。最早的和最新的日期在滑動條之前回聲良好，所以我知道我從DB中獲得它們，但是當我希望它們顯示在滑動條旁邊時，它們不會。我只是從0到100的值。任何想法來解決這個問題？謝謝顯示HTML5範圍「滑塊」旁邊的值

$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>

來源

2011-08-15 Peter

如果我沒有錯，你期望範圍支持日期。我不確定是否是這種情況。 – pimvdb

正如pimvdb所說，範圍輸入類型不能取日期。它只能根據spec獲取浮點數。

爲了實現您的目標，您可能必須使用第三方JavaScript庫或編寫自己的實現。

來源

2011-08-15 12:00:04 Spycho

啊謝謝。甚至沒有想到這一點。這總是很簡單！我現在正在工作。 – Peter

顯示HTML5範圍「滑塊」旁邊的值

回答

相關問題