日期和时间不加载页面加载

我有一个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>

我确实有从单独的.js页面加载gDate（），它只有当我点击刷新时才有效。

如何在加载页面时使其工作。我试过

<body onLoad="gDate()">

但这也没有区别。

来源

2016-10-10 Dave

您是否收到错误？你可以使用'console.log（）'来查看值吗？ – ntgCleaner

这里工作正常https://jsfiddle.net/sj9vo3zo/ – charlietfl

没有错误，无法在控制台中看到它， – Dave

OK，所以JQMobile，就是问题所在。我从有问题的页面和调用此页面的index.html中删除了它，并且它做了我想要的操作。这就是为什么我猜测它会在jsfiddle上工作。

感谢您的输入。

来源

2016-10-11 00:17:59 Dave

确保包含jQuery，下面的代码片段工作得很好，请在您的Web浏览器中检查开发者控制台以检查错误。

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 />

来源

2016-10-10 21:04:31 Marcin

什么是这里的骚动？在他的问题中，你可以看到他已经在做你在这里提出的建议。为什么这些降低投票？ – Franco

我有jquery加载，有脚本加载，我确实有jqmobile加载，这可能是一个问题吗？ ---不，我评论说，没有改变。 – Dave

日期和时间不加载页面加载

回答

相关问题