current date in html

Solutions on MaxInterview for current date in html by the best coders in the world

showing results for - "current date in html"

14 May 2016

1var today = new Date();
2var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
3

source

Mattia

21 Mar 2020

1var today = new Date();

Stefano

25 Sep 2017

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

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

queries leading to this page