显示HTML5范围“滑块”旁边的值

时间:2011-08-15 11:34:38

标签: php javascript mysql html

我有一个范围“滑块”,我希望它在它旁边显示来自它旁边的数据库(时间)的值。 以下是我到目前为止的情况。最早和最晚的日期在滑块之前很好地回响,所以我知道我从数据库中获取它们,但是当我希望它们出现在滑块旁边时它们没有。我只是从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>

1 个答案:

答案 0 :(得分:1)

正如pimvdb所说,范围输入类型不能采用日期。它只能根据spec获取浮点数。

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