Comment convertir html5 type de saisie de la date et de l'heure de javascript datetime

Je travaille avec html5 types d'entrée: la date et l'heure.
Comment convertir le formulaire type d'entrée à l'objet javascript Date (ce qui comprend le temps)?

Voici une partie de mon code:

<html>
    <head>
        <script type="text/javascript">
             function GetDate(i_Date, i_Time)
             {
                  var theDate = new Date();
                  ....
             }
        </script>
    </head>
    <body>
        <form name="form_task">
             Date:<input type="date" name="task_date" />
             Time:<input type="time" name="task_time" />
             <input type="button" onclick="GetDate(task_date.value, task_time.value)" />
        </form>
    </body>
</html>
InformationsquelleAutor Gil Epshtain | 2014-05-13
  1. 5

    Tout ce que vous devez faire est de tirer la valeur à partir de deux entrées, de les enchaîner, puis de les transmettre à un objet date.

    Violon: http://jsfiddle.net/P4bva/

    HTML

    Date:<input id="date" type="date" name="task_date" />
Time:<input id="time" type="time" name="task_time" />
<button id="calc">Get Time</button>

    JS

    var calc = document.getElementById("calc")

calc.addEventListener("click", function() {
    var date = document.getElementById("date").value,
        time = document.getElementById("time").value

    console.log(new Date(date + " " + time))
})
    InformationsquelleAutor bottens
  2. 0

    Vous pourriez faire quelque chose comme ceci:

    <!DOCTYPE html>
<style type="text/css">
label {
  width:150px;
  display:inline-block;
}
</style>

<label for="admissionDate">admission date</label>
<input id="admissionDate" name="admissionDate" type="date" />  
<br />
<label for="graduationDate">graduation date</label>
<input id="graduationDate" name="graduationDate" type="date" /> 
<br />
<label for="birthDate" >birth date</label>
<input id="birthDate" type="date" name="birthDate" />
<br />
<button id="age">Get Age</button>

<script type="text/javascript">
var doc = document;
var admission = doc.getElementById("admissionDate");
var graduation = doc.getElementById("graduationDate");
var birth = doc.getElementById("birthDate");
var age = doc.getElementById("age");

age.addEventListener("click", function(){
var gradDate = new Date(graduation.value);
var birthDate = new Date(birth.value);
var dateDiff = new Date(gradDate - birthDate);
var YEAR_OFFSET = 1970;
alert("This person is " + (dateDiff.getFullYear()-YEAR_OFFSET) + " years old");
});
</script>
    InformationsquelleAutor Charles Owen
  3. 0

    ** * * * ce que j'ai fait **

    JS:

       var calc = document.getElementById("calc")
calc.addEventListener("click", function() {
var date = document.getElementById("date").value,
time = document.getElementById("time").value
var hi = new Date(date + " " + time).toISOString();
//Set the date we're counting down to
var countDownDate = new Date(hi).getTime();
//Update the count down every 1 second
var x = setInterval(function() {
//Get today's date and time
var now = new Date().getTime();
//Find the distance between now and the count down date
var distance = countDownDate - now;
//Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
//Output the result in an element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
//If the count down is over, write some text 
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "وقت المهمة حان  ";
}
}, 1000);})

    HTML:

    <p id="demo"></p>
Date:<input id="date" type="date" name="task_date" />
Time:<input id="time" type="time" name="task_time" />
<button id="calc">Get Time</button>
</div>

    InformationsquelleAutor تقنيتي Taknity
  4. -1

    Essayer cette

    <!DOCTYPE html>
<html>
<head>
<script>
function startTime() {
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML = h+":"+m+":"+s;
var t = setTimeout(function(){startTime()},500);
}
function checkTime(i) {
if (i<10) {i = "0" + i};  //add zero in front of numbers < 10
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
    • comment est-ce lié à la question? J'ai demandé comment analyser le type d'entrée de données et le type d'entrée-le temps en JS Date() de l'objet
    InformationsquelleAutor code bro