DatePicker 使用 html ， css ， javascript 而不使用 HTML5 [关闭]答案

【问题标题】：DatePicker using html , css , java script with out using HTML5 [closed]DatePicker 使用 html ， css ， javascript 而不使用 HTML5 [关闭]
【发布时间】：2015-11-28 09:16:20
【问题描述】：

我正在为我的 java web 应用程序寻找一个好的和简单的日期选择器。我正在使用 struts2、HTML、jsp、Hibernate。我对 CSS、java 脚本知之甚少，但为我的应用程序创建日期选择器超出了我的范围。有人可以帮助我使用任何支持我正在使用的技术的 api，或者我可以选择可重用数据选择器代码 sn-p 的任何链接。

我对 JQuery 一无所知，但我想将它用于这个日期选择器，如果它不需要我花费太多时间来实现，因为我无法只花很多时间来实现一个日期选择器。

【问题讨论】：

一个简单的 Google 搜索会产生大量出色的 HTML+JS+CSS 日期选择器。
@ItsGreg：相信我。我浏览了很多链接和示例，但没有一个对我有帮助。在花了 2 天时间完全搜索了许多博客和示例后来到这里

标签： javascript jquery html css datepicker

【解决方案1】：

您可以使用原生 jquery ui datepicker。请按照以下步骤操作：

首先在你的项目中包含 jquery ui 库：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
使用自定义类定义您的输入：

<input type="text" class="datepicker">
要完成，只需在页面加载时调用 jquery datepicker：

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

这很简单，按照以下步骤操作即可。希望对你有帮助

【讨论】：

非常感谢@Tulio Castro。它工作得很好。我已遵照您的指示。这很有帮助。
卡斯特罗：我面临一个小问题。 JQuery UI lib 示例页面中使用的 CSS 字体为我的 jsp 页面中的 datepicker 提供了正确的外观和感觉，因为字体声明是在 body 标记级别中给出的，如下所示，它会影响其他元素的外观和感觉。下面是我的jsp页面中的代码我已将上面的代码更改为 #myDatepicker { font: 62.5% "Trebuchet MS", sans-serif;边距：50px；并在 datepicker 表单元素中使用它，但没有用
您还将答案从 $("#datepicker") 编辑为 $(".datepicker")。它仅适用于#datepicker，如果我使用 $(".datepicker") 则不起作用...请检查并评论此更改？
是的，我已经做了这个编辑。要使用 $('#datepicker')，您的输入需要 id="datepicker"。另一方面，如果你使用 $('.datepicker') 你的输入需要 class="datepicker"。最好使用类，这样您就可以根据需要进行许多输入。如果使用 ID，则只能使用一个日期选择器。够清楚了吧？
Castro：我在添加多个日期选择器时遇到问题。仅当我对文本字段使用 HTML 输入标记并且如果我对文本字段使用 struts 标记时，它才有效，则不会弹出日历。我曾尝试仅使用 HTML 输入标记，但如果我使用它，则 textfiled 将在所有其他表单元素之上对齐，并且弹出的日历与其他表单元素重叠，这非常烦人。请帮帮我。