<?php date_default_timezone_set( 'Europe/Kiev' ); mysql_connect("localhost", "Сюда имя пользователя БД", "Сюда пароль") or die (mysql_error ()); mysql_select_db("Сюда имя вашей БД например PESNI") or die(mysql_error()); mysql_query("SET NAMES 'utf8'"); $res = "SELECT Title, time FROM songs ORDER BY time DESC limit 5"; $rs = mysql_query($res); while($row = mysql_fetch_array($rs)) { echo $row['time'] . " " . $row['Title'] . "<br />"; } mysql_close(); ?>
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <body> <p>Date: <input type="text" id="datepicker"></p> </body> </html>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" href="css/bootstrap.min.css" /> <link type="text/css" href="css/bootstrap-timepicker.min.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap-2.2.2.min.js"></script> <script type="text/javascript" src="js/bootstrap-timepicker.min.js"></script> </head> <body> <div class="input-append bootstrap-timepicker"> <input id="timepicker2" type="text" class="input-small"> <span class="add-on"> <i class="icon-time"></i> </span> </div> <script type="text/javascript"> $('#timepicker2').timepicker({ minuteStep: 1, template: 'modal', appendWidgetTo: 'body', showSeconds: true, showMeridian: false, defaultTime: false }); </script> </body> </html>
<form action="bal/foo.php"> <input data> <input time_min> <input time_max> <input submit> </form>
<html> <head>Тут сам знаешь что писать</head> <body> <div> <!-- Тут допустим всякие хедеры, плееры и навигация, прочая вёрстка кароче !--> </div> <div> <!-- Тут у нас типо блок отвечающий за вывод истории треков --> <div> <!-- Тут див отвечающий фильтр, в котором дату и время пользователь вводит--> <form> <p>Date: <input type="text" id="datepicker" name="date"></p> <p>Time min: <input id="timepicker_min" type="text" class="input-small" name="timep_min"></p> <p>Time max: <input id="timepicker_max" type="text" class="input-small" name="timep_max"></p> <input type="submit"> </form> <!-- Под формой располагаем блок вывода результата --> <!-- Результат выводится с помощью php скрипта --> <?php // получаем параметры date, timep_min, timep_max в переменные if ( переменные date, timep_min, timep_max определены ) { // выполняем блок который генерит результат } else { // выводим сообщение что треков в этот период не было } ?> </div> </div> <!-- ну и надо определить 2 тайм пикера --> <script type="text/javascript"> $('#timepicker_min').timepicker({ minuteStep: 1, template: 'modal', appendWidgetTo: 'body', showSeconds: true, showMeridian: false, defaultTime: false }); $('#timepicker_max').timepicker({ minuteStep: 1, template: 'modal', appendWidgetTo: 'body', showSeconds: true, showMeridian: false, defaultTime: false }); </script> </body> </html>