Question

方案是，希望在表input type中创建td框并在其右侧显示日历图标。输入类型包含placeholder "21-Jun-17"和on click of input type a calendar should open. 我正在寻找符合我需要的calendar api，它应该是跨浏览器的吗？其次，日历图标应位于输入右侧？

注意：上述方案应该适用于所有浏览器。

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

Answer 1

嗯，有html5日期输入，不需要任何自定义，但浏览器支持有限。

示例：

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

了解更多：

如果您想要在每个浏览器中都能运行的东西，您必须提出自己的解决方案或使用类似jQuery UI data picker的东西，这会带来很多膨胀。

Answer 2

这会有所帮助，

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

输入类型html中的日历

2 个答案: