convert date timestamp

convert date y hora en formato timestamp segundos y milisegundos

by femfoyou

HTML

<div class="box">
<div class="formtext">

<div class=row style="height:50px; float:left">
<div class="left" style="width:50px">
<input name="m" id="m" style="width:20px" type="text" class="num" size="2" maxlength="2" value="11">
/<br/>month</div>
<div class="left" style="width:46px">
<input name="d" id="d" style="width:22px" type="text" class="num" size="2" maxlength="2" value="12">
/<br/>day </div>
<div class="left" style="width:50px">
<input name="y" id="y" style="width:35px"  type="text" class="num" size="4" maxlength="4" value="2016">
<br/>
<div class="left">year</div>
</div><div class="left" style="width:20px">&nbsp;</div>
<div class="left" style="width:50px">
<input name="hours" id="hours" style="width:22px" type="text" class="num" size="2" maxlength="2" value="12">
:<br/>hours</div>

<div class="left" style="width:50px">
<input name="min" id="min" type="text" style="width:22px" class="num" size="2" maxlength="2" value="30">
:<br/>mins</div>

<div class="left" style="width:50px">
<input name="sec" id="sec" type="text" style="width:22px" class="num" size="2" maxlength="2" value="00"><br/>secs</div></div>
<br /><br /><br />
<button id="convertime">Convert to timestamp</button>
<br/><br/>
Timestamp in seconds<span style='color:#0101ff;font-weight:bold'>*</span>		:     <h1 id="timestamp1"></h1><br/>
Timestamp in milliseconds<span style='color:#0101ff;font-weight:bold'>*</span>	: <h1 id="timestamp2"></h1><br/> 
<br />
</div>
</div>

CSS

.heading {
	font-family: Courier New, Courier, mono;
color:red;
}

.frontpage {
	font-family: Courier New, Courier, mono;
	}
	
.header {
	text-align:center;
	font-size : 18px;
	font-weight: bold;
	font-stretch: wider;
	}

.prologue {
	text-align:center;
	margin : 0pt auto;
	position: relative;
	width : 900px;
	clear: left;
	}

	
.center{
	#text-align:center;
	font-size : 14px;
	font-stretch: wider;
	margin: 20pt auto;
	position: relative;
	width: 840px;
	}
	
	
.id {
border: 1px dashed #0000FF;
color: #000000;
text-align: center;
width: 100px;
margin: 0px;
padding: 4px;
}


.row {
	display: block;
}

.bigrow {
	display: block;
	float:left;
		text-align:center;
	
}


.bigger {font-size : 12px; !important } 
.wider { width : 300px; !important}

.leftbig {
	width	: 400px;
	overflow:hidden;
	float: left;
	padding: 4px;
	
}
.left {
	position : relative;
	height	: 50px;
	display: block;
	overflow:hidden;
	float: left;
	margin: 0pt auto;
}
.formtext {
	font-size: 16px;
}

.heading1 {
	font-size: 16px;
}

* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

.num {
float:left;
overflow:hidden;
}

JavaScript

function deldia(){

  var diahoy = new Date();
  var anio = document.getElementById('y').value, // diahoy.getFullYear()
	  mess = document.getElementById('m').value, // diahoy.getMonth()
	  ddia = document.getElementById('d').value, // diahoy.getDate()
	  horita = document.getElementById('hours').value, // diahoy.getHours()
	  minutito = document.getElementById('min').value; // diahoy.getMinutes()

	var fechita2 = new Date(anio,mess-1,ddia,horita,minutito,000,0);

document.getElementById('timestamp1').innerHTML = fechita2.getTime()/1000;
document.getElementById('timestamp2').innerHTML = Math.round(fechita2.getTime());
}
document.getElementById('convertime').addEventListener('click', deldia);