Question

我有一个带有日期和时间输入的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()">

但这也没有区别。

Answer 1

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

＆＃13;

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();
});

＆＃13;

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

＆＃13;

Answer 2

好的，所以JQMobile就是问题所在。我从有问题的页面和调用此页面的index.html中删除了它，它完成了我想要它做的事情。这就是为什么我猜它会对jsfiddle起作用。

感谢您的意见。

日期和页面加载时没有加载的时间

2 个答案: