Tutorials/WebTutorials
1
0
Fork 0
mirror of https://bitbucket.org/Mattrixwv/webtutorials.git synced 2025-12-06 18:34:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added date example

Browse Source
This commit is contained in:
Mattrixwv
2021-05-28 13:07:50 -04:00
parent a3d8b844f0
commit 76f9c210ef
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
Date.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Date Tutorial</title>
<script>
function getInfo(){
console.log("date = " + document.getElementById("newDate").value);
console.log("time = " + document.getElementById("newTime").value);
console.log("dateTime = " + document.getElementById("newDateTime").value);
let date = new Date(document.getElementById("newDate").value + " " + document.getElementById("newTime").value);
console.log("Javascript date = " + date);
console.log("Date 2 = " + new Date("2021-05-28 11:06"));
console.log("Date 3 = " + date.getMonth() + "/" + date.getDate() + "/" + date.getFullYear() + " " + date.getHours() + ":" + date.getMinutes());
let dateString = String(date.getMonth()).padStart(2, "0") + "/" + String(date.getDate()).padStart(2, "0") + "/" + String(date.getFullYear()) + " " + String(date.getHours()).padStart(2, "0") + ":" + String(date.getMinutes()).padStart(2, "0");
console.log("dateString = " + dateString);
}
</script>
</head>
<body>
Date: <input type="date" id="newDate">
<br>
Time: <input type="time" id="newTime">
<br>
DateTime: <input type="datetime" id="newDateTime">
<br>
<button onclick="getInfo()">click</button>
</body>
</html>