图像/图标打开日期选择器答案

【问题标题】：An image/icon opens the date selector图像/图标打开日期选择器
【发布时间】：2015-07-11 03:43:50
【问题描述】：

我有一个HTML/PHP 网站，其中有一个图像图标（看起来像一个日历），我希望用户单击并打开默认的日期选择器。

用户选择保存在mySQL中的日期并在其他地方回显，比如在日历图像下方。

【问题讨论】：

你的问题是什么？
你试过了吗？
但这只是给了我一个带有选项的文本字段选择日期等。我想要一个打开日期选择器的 img
And when the date is selected, I want it to be echoed at a different location
@sohelmugal ：请查看答案并询问是否需要进一步说明

【解决方案1】：

HTML：

 <input type="text" id="datepicker" style="display:none">

jQuery :

<script>
  $(function() {
    $( "#datepicker" ).datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Select date"
    });
  });
  </script>

你也需要以下资源：

 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

工作fiddle.

在文本框中选择日期后，只需在 PHP 脚本中输入 $_POST["inputName"] 即可获得其值。

【讨论】：

非常感谢，但我的问题是我不想在 calendar.gif 旁边显示文本字段。我希望 calendar.gif 成为用户唯一看到的东西。我希望所选日期在其他地方显示为文本。
把这个放在你输入标签的样式标签中：style:"display:none"
@sohelmugal：你看懂代码了吗？你有什么问题吗？
我也可以用这个来消磨时间
绝对！我的建议不是直接在其他页面上显示日期，而是先在当前页面上显示日期，然后重定向到其他页面。