Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/292.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在输入类型按钮中设置日期选择器值?_Php_Jquery_Datepicker - Fatal编程技术网

Php 如何在输入类型按钮中设置日期选择器值?

Php 如何在输入类型按钮中设置日期选择器值?,php,jquery,datepicker,Php,Jquery,Datepicker,我有一个日期选择器的工作代码,如下所示: 上面是一个简短的版本代码。 基本上,用户选择日期后单击submit按钮,它将查询以将提交的数据插入SQL数据库。没问题 但由于该页面大部分是在手机中打开的,如果用户点击输入型文本框,手机键盘就会显示出来,从而阻止日期选择器。我不要这个 因此,我将输入类型文本更改为type button,当我点击按钮时,手机键盘不再显示,每次我在日期选择器中点击另一个日期时,按钮标签/值都会相应地显示日期 然后我不情愿地点击submit按钮,但在SQL表结果中,它显示了一

我有一个日期选择器的工作代码,如下所示:

上面是一个简短的版本代码。 基本上,用户选择日期后单击submit按钮,它将查询以将提交的数据插入SQL数据库。没问题

但由于该页面大部分是在手机中打开的,如果用户点击输入型文本框,手机键盘就会显示出来,从而阻止日期选择器。我不要这个

因此,我将输入类型文本更改为type button,当我点击按钮时,手机键盘不再显示,每次我在日期选择器中点击另一个日期时,按钮标签/值都会相应地显示日期

然后我不情愿地点击submit按钮,但在SQL表结果中,它显示了一个错误的日期,并且无论我在日期选择器中选择的日期是什么,它总是给出1970-01-01的结果。因此,我认为这可能是因为如果我将tgl更改为按钮类型,tgl没有值,并且在我将其更改回文本类型并且日期SQL表显示正确的日期之后,tgl具有所选的日期选择器值


我在网上搜索过,以防有人和我有类似的问题,但我找不到。因此,我的问题是:如何在日期选择器中输入来自所选日期的输入类型按钮值?

使用输入字段的属性,并将输入字段类型设置为日期。

这可能会有所帮助:@RobMoll,哇,这是一个快速回复,它的工作方式神奇。非常感谢你。对不起,我错过了同样的主题,就像我在S.O.再次感谢。是的,我是根据RobMoll建议的链接做的。谢谢你的回答,提奥芬。
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <style>
      .footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color: red;color: white;text-align: center;}
    </style>
  </head>
  <body>
    <div class="footer">
      <form>
        <input type="text" id="datepicker" name="tgl" />
        <input type="submit" name="submit" />
      </form>
    </div>
    <script>
      $(function() {
        $("#datepicker").datepicker();
      });
      $("#datepicker").datepicker({
        dateFormat: "dd M yy"
      }).datepicker("setDate", new Date());
    </script>
  </body>
</html>