2016-10-10 26 views
2

にロードしていない私はそれに日付と時刻の入力とhtmlページ、ちょうどまっすぐHTML5日時、ページの読み込み

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

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

を持っている私は、次の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; 
} 

は、私はそれを

jQueryを使ってdocument.Ready上で実行するように設定しています
<script> 
$(document).ready(function(){ 
    gDate(); 
}); 
</script> 

gDate()が別の.jsページから読み込まれていますが、リフレッシュしたときにのみ機能します。

ページが読み込まれたときにどのように動作させることができますか。私は試しました

<body onLoad="gDate()"> 

でも違いはありません。

+2

エラーが表示されますか?あなたは 'console.log()'を使って値を見ることができますか? – ntgCleaner

+0

はここでうまく動作しますhttps://jsfiddle.net/sj9vo3zo/ – charlietfl

+0

エラーはありません。コンソールには表示されません。 – Dave

答えて

0

OK、そうJQMobileは、問題となっています。問題のページとこのページを呼び出すindex.htmlから削除しました。それが私がjsfiddleで動くと推測している理由です。

ありがとうございます。

1

jQueryが含まれていることを確認してください。コードスニペットはうまくいきます。ウェブブラウザで開発者コンソールでエラーを確認してください。

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

ここには何がありますか?あなたが見ることができる彼の質問では、彼はすでにあなたがここで示唆していることをやっています。なぜこれらの下投票? – Franco

+0

jqueryの読み込みがあり、スクリプトの読み込みがあります。jqmobileの読み込みがありますが、それは問題になる可能性がありますか? ---いいえ、私はそれをコメントアウトしました。変更はありません。 – Dave

関連する問題