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

Posted 2023-05-07

【中文标题】图像/图标打开日期选择器

【英文标题】：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：你看懂代码了吗？你有什么问题吗？

我也可以用这个来消磨时间

绝对！我的建议不是直接在其他页面上显示日期，而是先在当前页面上显示日期，然后重定向到其他页面。