MaxInterview - how to display current date in html

showing results for - "how to display current date in html"

30 Sep 2017

1var today = new Date();
2var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
3//var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
4var dateTime = date+' '+time;
5The dateTime variable contains result as:
6
72018-8-3 //11:12:40

source

Lamia

22 Mar 2016

1var today = new Date();

Emer

20 Nov 2016

1<!DOCTYPE html>
2<html>
3<head>
4	<title>Print</title>
5</head>
6  <style>
7  #invoice-POS{
8  box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);
9
10  background: #FFF;
11  
12  
13::selection {background: #f31544; color: #FFF;}
14::moz-selection {background: #f31544; color: #FFF;}
15h1{
16  
17  color: #222;
18}
19h2{}
20h3{
21 
22  font-weight: 300;
23  line-height: 2em;
24}
25p{
26 
27  color: #666;
28  line-height: 1.2em;
29}
30 
31#top, #mid,#bot{ /* Targets all id with 'col-' */
32  border-bottom: 1px solid #EEE;
33}
34
35#top{min-height: 100px;}
36#mid{min-height: 80px;} 
37#bot{ min-height: 50px;}
38
39#top .logo{
40  
41	height: 60px;
42	width: 60px;
43	background: url(images.png) no-repeat;
44	background-size: 60px 60px;
45}
46.clientlogo{
47 
48	height: 60px;
49	width: 60px;
50	background: url(images.jpg) no-repeat;
51	background-size: 60px 60px;
52  border-radius: 50px;
53}
54.info{
55  display: block;
56  //float:left;
57  margin-left: 0;
58  width: 30px;
59}
60.title{
61  float: right;
62}
63.title p{text-align: right;} 
64table{
65  width: 100%;
66  border-collapse: collapse;
67}
68td{
69  padding: 5px 0 5px 5px;
70  border: 1px solid #EEE
71}
72.tabletitle{
73  padding: 5px;
74  background: #EEE;
75}
76.service{border-bottom: 1px solid #EEE;}
77.item{width: 24mm;}
78.itemtext{}
79
80#legalcopy{
81  margin-top: 5mm;
82}
83
84  
85  
86}
87  </style>
88<body>
89
90      <div class="logo" style="padding-left: 5%;">
91      	<img src="images.jpg" style="width: 80px;">
92      </div>
93      <div class="info"> 
94      </div><!--End Info-->
95
96    
97    <div id="mid">
98      <div class="info">
99        <h4 style="padding-left: 5%;">Token Number</h4><h1 style="padding-left: 7%;">01</h1>
100      
101  						<table>
102							<tr class="tabletitle">
103								<td class="item"><h3>Item</h3></td>
104								<td class="Hours"><h3>Qty</h3></td>
105								<td class="Rate"><h3>Sub Total</h3></td>
106							</tr>
107
108							<tr class="service">
109								<td class="tableitem"><p class="itemtext">Communication</p></td>
110								<td class="tableitem"><p class="itemtext">5</p></td>
111								<td class="tableitem"><p class="itemtext">$375.00</p></td>
112							</tr>
113
114							<tr class="service">
115								<td class="tableitem"><p class="itemtext">Asset Gathering</p></td>
116								<td class="tableitem"><p class="itemtext">3</p></td>
117								<td class="tableitem"><p class="itemtext">$225.00</p></td>
118							</tr>
119
120							<tr class="service">
121								<td class="tableitem"><p class="itemtext">Design Development</p></td>
122								<td class="tableitem"><p class="itemtext">5</p></td>
123								<td class="tableitem"><p class="itemtext">$375.00</p></td>
124							</tr>
125
126<tr class="tabletitle"><td></td>
127								<td class="Rate"><h3>Total</h3></td>
128								<td class="payment"><h3>$3,644.25</h3></td>
129										 <p style="padding-left: 14%; font-size: 100%;"  id="date"></p>
130												
131
132							</tr>
133
134						</table>
135						<small style="padding-left: 5%; font-size: 60%;" >@copyright by quicktech </small>
136					</div><!--End Table-->
137
138				
139
140				</div><!--End InvoiceBot-->
141  </div><!--End Invoice-->
142<script type="text/javascript">
143
144 n =  new Date();
145  y = n.getFullYear();
146  m = n.getMonth() + 1;
147  d = n.getDate();
148  document.getElementById("date").innerHTML = m + "/" + d + "/" + y;
149</script>
150</body>
151</html>
152

similar questions

automatically select current date in date input javascript javascript date to html date input real time date and time html current date and time code javascript set date to input date javascript current date time javascript current date set date input html using js html date input get value display time in html using javascript current date in javascript javascript get date value from input start date time picker from day to year in html

queries leading to this page