2016-10-10 1 views
2

ich es eine HTML-Seite mit einem Datum und Uhrzeit Eingang habe, nur gerade HTML5Datum und Uhrzeit nicht beim Laden der Seite geladen

<input type="date" id='date' name='date' style='text-align:center' required /> 

und

<input type='time' id='time' name='time' style='text-align:center' required /> 

Ich habe Code des folgenden js

 function gDate(){ 
    (function() { 
     var date = new Date().toISOString().substring(0, 10), 
      field = document.querySelector('#date'); 
     field.value = date; 
})() 
     var time = (new Date()).toTimeString().split(' ')[0]; 
     document.getElementById('time').value=time; 
} 

ich habe es Setup auf document.ready mit JQuery

laufen
<script> 
$(document).ready(function(){ 
    gDate(); 
}); 
</script> 

I GDATE haben() von einer separaten Js Seite geladen wird, funktioniert es nur, wenn ich refresh getroffen.

Wie kann ich es machen, wenn die Seite geladen wird. Ich habe versucht

<body onLoad="gDate()"> 

aber das macht auch keinen Unterschied.

+2

Wird ein Fehler angezeigt? Können Sie 'console.log()' verwenden, um die Werte zu sehen? – ntgCleaner

+0

arbeitet hier fein https://jsfiddle.net/sj9vo3zo/ – charlietfl

+0

keinen Fehler, kann es in der Konsole nicht sehen, – Dave

Antwort

0

OK, so JQMobile, ist das Problem. Ich entfernte es von der fraglichen Seite und der index.html, die diese Seite aufruft, und es macht, was ich will. Deshalb rate ich, dass es bei jfiddle funktionieren würde.

Danke für Ihre Eingabe.

1

Stellen Sie sicher, dass jQuery enthalten ist, unter Code-Schnipsel ganz gut funktioniert, überprüfen Entwicklerkonsole in Ihrem Web-Browser auf Fehler zu überprüfen.

function gDate(){ 
 
    (function() { 
 
     var date = new Date().toISOString().substring(0, 10), 
 
      field = document.querySelector('#date'); 
 
     field.value = date; 
 
})() 
 
     var time = (new Date()).toTimeString().split(' ')[0]; 
 
     document.getElementById('time').value=time; 
 
} 
 

 
$(document).ready(function(){ 
 
    gDate(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="date" id='date' name='date' style='text-align:center' required /> 
 

 
<input type='time' id='time' name='time' style='text-align:center' required />

+0

Was ist hier die Aufregung? In seiner Frage, wie Sie sehen können, macht er bereits, was Sie hier vorschlagen. Warum diese abstimmen? – Franco

+0

Ich habe Jquery Laden, haben das Skript Laden, ich jqmobile Laden haben, könnte das ein Problem sein? --- Nein, ich habe es auskommentiert, keine Änderung. – Dave