php - 显示 HTML5 范围 "slider"旁边的值

Question

我有一个范围“ slider ”，我希望它在我沿着它移动时在它旁边(时间)显示来自数据库的值。以下是我到目前为止所拥有的。最早和最晚的日期在 slider 之前很好地回显，所以我知道我可以从数据库中获取它们，但是当我希望它们出现在 slider 旁边时，它们却没有。我只是得到从 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，它只能采用 float .

要实现您的目标，您可能必须使用第三方 JavaScript 库或编写您自己的实现。