14

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

4

8 回答 8

21

从 HTML5 开始，<input type="date" />就可以了。

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

于 2014-05-08T11:35:20.213 回答
6

您应该阅读jQueryUI Datepicker

一旦你包含了相关的 jQuery UI 库，它就很简单，

脚本：

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

HTML：

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

优点：

  • 它已针对 x 浏览器的兼容性进行了彻底测试，因此您不会有任何问题。
  • 单独的 css 文件，因此您可以根据自己的喜好对其进行自定义
于 2013-02-25T06:06:33.440 回答
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>

更多的

于 2013-02-25T06:07:15.747 回答
1

是的，你会在使用 HTML5 日期选择器时遇到各种问题，它可能适用于某些问题，也可能不适用。我遇到了同样的问题。请检查这个DatePicker Demo，我用这个插件解决了我的问题。它非常优秀且灵活的日期选择器插件，带有完整的演示。它也完全兼容移动浏览器，也可以与 jquery mobile 集成。

于 2014-07-09T03:56:07.673 回答
1

你需要的是一个jQuery UI Datepicker

查看演示和源代码。

于 2013-02-25T06:04:42.897 回答
1

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

试试这个日历视图小部件，只需复制粘贴示例中显示的一些代码，这就是你想要的。

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

于 2013-02-25T06:05:24.047 回答
0

HTML 日期选择器你可以参考这个。

于 2013-02-25T06:10:18.927 回答
0

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

只需包含以下文件，

  <script src="jQuery.ui.datepicker.js"></script>
  <script src="jquery.ui.datepicker.mobile.js"></script>
于 2013-02-25T06:13:54.467 回答