如何在文本框中显示日历单击html

Question

在html中,我想显示日历以选择日期,同时单击文本框. 然后我们从该日历中选择一个日期,然后所选日期将显示在该文本框中.

Answer 1

从HTML5开始,<input type="date" />会做得很好.

演示:http://jsfiddle.net/8N6KH/

Answer 2

你应该阅读jQueryUI Datepicker

一旦你包含了相关的jQuery UI库,它就像,

脚本:

$(function() {
    $( "#datepicker" ).datepicker();
});

HTML:

<input type="text" id="datepicker" />

优点:

• 它经过了x-browser兼容性的全面测试,因此您不会遇到任何问题.
• 单独的css文件,因此您可以根据自己的喜好自定义它

Answer 3

你需要的是一个jQuery UI Datepicker

查看演示和源代码。