<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function getdate(){
//получаем значение даты введенное в форму пользователем
var valuedate=document.f2.getdateinput.value;
//заменяем символы введенные пользователем на запятую(по формату Date()
var rexp=/- \/\./g;//перечень возможных символов введенным пользователем
var changeval=valuedate.replace(rexp,',')//замена на запятую
var date=new Date();//текущая дата
var newdate= new Date(changeval);//новая дата, переменная va changeval - в ней содержатся дата ,введенная пользователем
var deff=newdate-date; //получаем разницу между текущей и новой датой
var sec=Math.floor(deff/1000); //получаем секунды
var min=Math.floor(sec/60); //получаем минуты
var hour=Math.floor(min/60); //получаем часы
var day=Math.floor(hour/24); //получаем день
//здесь просто выводится информация о времени
var mainrez=document.getElementById('div2');
mainrez.innerHTML= 'Дата,котрую вы ввели '+newdate+'<br/>'+'Дата которая записалась в параметр Date() ' +changeval+'<br/>'+'Осталось минут '+min+'</br>'+'Осталось часов '+hour+'</br>'+'Осталось дней '+day;
};
</script>
</head>
<body>
<form name="f2">
<label for="getdate">Enter date</label>
<input type="datetime" id="getdate" value='' name="getdateinput" width="50px"/>
</form>
<form name="f1">
<input type="button" value="get date" onclick="getdate()"/>
</form>
<div id="div2"></div>
</body>
</html>
|
Цитата:
|
Enter date 2014-01-25 12:00
Дата,котрую вы ввели Sat Jan 25 2014 16:00:00 GMT+0400
Дата которая записалась в параметр Date() 2014-01-25T12:00Z
Осталось минут 4476
Осталось часов 74
Осталось дней 3
|
Что не так?
