日曆中的輸入類型html

-4

該場景是，想在表td中製作input type框，並且它的右側有一個日曆圖標。輸入類型有placeholder "21-Jun-17"和on click of input type a calendar should open. 我在尋找calendar api，它符合我的需要，它應該是跨瀏覽器的？其次，日曆圖標應該位於輸入的右側？日曆中的輸入類型html

注意：上述場景應該適用於每個瀏覽器。

<html> 
    <body> 
    <tr> 
     <td> 
      <input type="text"> /`*logic to have a calendar icon at right and have a placeholder "21-Jun-17" and onclick open a small calendar where date is seletable*/` 
     </td> 
    </tr> 
</body> 
</html>

來源

2017-08-05 Manzer Ahmad

歡迎那你有沒有嘗試過的東西這麼遠嗎？如果是，請粘貼你的努力。沒關係，它不起作用，我們將檢查並嘗試爲你糾正它 –

以及我試圖把fontawesome圖標，但它不可見。 –

那麼，有html5日期輸入，它不需要任何定製，但有限的瀏覽器支持。

例子：

<input id="date" type="date">

瞭解更多：

如果你想這樣在每個瀏覽器都能正常工作的情況下，您必須提出自己的解決方案，或者使用類似jQuery UI data picker的內容，這會帶來很多臃腫。

來源

2017-08-05 06:35:55 phbo

這會有所幫助，

<html> 
 
<body> 
 
<tr> 
 
<td> 
 
<input type="date" id="date">  
 
</input> 
 
</td> 
 
</tr> 
 
</body> 
 
<script> 
 
document.getElementById("date").valueAsDate = new Date("2017-06-21"); 
 
</script> 
 
</html>

來源

2017-08-05 07:13:09

謝謝@Gowtham，但不適用於所有瀏覽器。 –

日曆中的輸入類型html

回答

相關問題