2016-10-14 53 views
1

我有這個代碼,我正在爲我的實習而建立。我正在嘗試在我的代碼中使用「日期」輸入類型來添加彈出式日曆,但它不起作用。我看過很多網站,但是我還沒有找到遇到這個問題的人。關於如何使這項工作的任何想法?這裏是我的代碼:HTML5中日期屬性的問題

<body> 
    <h1> Time Logging Form</h1> 
    <form method="post" id='datetime'> 
    <div class="form-row" id='datacell'> 
     <div class="editor-cell"> 
     <input type="date" id="date"> 
     </div> 
     <div class="editor-cell"> 
     <input placeholder="Time in 00:00" type="text" id="timein"> 
     </div> 
     <div class="editor-cell"> 
     <input placeholder="Time out 00:00" type="text" id="timeout"> 
     </div> 
    </div> 
    <input type="submit" value="+" id='plus'> 
    <input type="submit" value="submit" id='submit'> 
    </form> 
</body> 
+0

如果我運行代碼,日曆彈出。 –

+0

我的Brouser不支持屬性 –

回答

1

你究竟想用數據屬性做什麼?當您在瀏覽器中運行該HTML代碼,顯示的日曆:

https://jsfiddle.net/6w5b5r5h/

<body> 
    <h1> Time Logging Form</h1> 
    <form method="post" id='datetime'> 
    ... 
    </form> 
</body> 
+0

感謝您的幫助,我發現我的瀏覽器中尚不支持此功能,因此它不起作用。 –