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

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

<script>   
    $(function() {
         $( "#calendar" ).datepicker();   
    }); 
</script>

<p>Calendar: <input type="text" id="calendar" /></p>

more

Answer 4

您需要的是jQuery UI Datepicker

查看demo和源代码。

Answer 5

您需要使用任何javascript html日历小部件。

试试这个calendar view widget，只需复制粘贴示例中显示的代码就可以了。这就是你想要的。

以下是Jquery Mobile日期框的链接 - JQM datebox

Answer 6

是的，你会遇到使用HTML5 datepicker的各种问题，它可能适用于某些或不适用。我遇到了同样的问题。请检查此DatePicker Demo，我用此插件解决了我的问题。它非常好，灵活的datepicker插件，完整的演示。它也与移动浏览器完全兼容，也可以与jquery mobile集成。

Answer 7

HTML日期选择器您可以参考this。

Answer 8

jQuery Mobile也有一个日期选择器。 Source

只需包含以下文件

即可

  <script src="jQuery.ui.datepicker.js"></script>
  <script src="jquery.ui.datepicker.mobile.js"></script>

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

8 个答案: