JavaScript 变量到 PHP 表单提交

Question

我使用以下代码：

// Datepicker / Timepicker jQuery Script
$('#datetimepicker1').datetimepicker({
    format : "YYYY-MM-DD"
}).on("dp.change", function (e) {
    datetimepicker1 = $('#datetimepicker1').val();
});

如何让我的 PHP 表单在提交表单时获取变量 'datetimepicker1' 以将其发送到我的 SQL 数据库。

感谢您提供的任何帮助。

Answer 1

如评论中所述 - 您可以通过 AJAX 完成此操作，或者您可以在表单中设置一个隐藏的输入值，以便它在提交时与表单的其余部分一起传递。下面创建一个隐藏的输入，您可以将其放入现有表单中，然后在日期时间选择器发生变化时，将值添加到这个隐藏的输入中。然后表单可以正常提交，值将与表单变量的其余部分一起传递。

//input in form
<input type='hidden' name='new_dateTime' value='' />


// Datepicker / Timepicker jQuery Script
$('#datetimepicker1').datetimepicker({
    format : "YYYY-MM-DD"}
    ).on("dp.change", function (e) {
        datetimepicker1 = $('#datetimepicker1').val();
$('[name = new_dateTime]').val(datetimepicker1);
    });

Answer 2

你应该试试这个：

其中 #form 是这样的表单 ID：

<form id="form" method="post">

这里是 jquery 代码：

$(document).ready(function() {

   $('#form').submit(function() { 

     e.preventDefault();// Datepicker / Timepicker jQuery Script
     $('#datetimepicker1').datetimepicker({
        format : "YYYY-MM-DD"}
       ).on("dp.change", function (e) {
        datetimepicker1 = $('#datetimepicker1').val();
    });
  });
});

你也可以试试这个:

<input type="submit" name="submit" id="submit">

jquery 的变化：

$(document).ready(function() {

   $('#submit').click(function() { 

     e.preventDefault();// Datepicker / Timepicker jQuery Script
     $('#datetimepicker1').datetimepicker({
        format : "YYYY-MM-DD"}
       ).on("dp.change", function (e) {
        datetimepicker1 = $('#datetimepicker1').val();
    });
  });
});

Answer 3

在 dp.change 事件上发出 AJAX 请求，它将类似于：

$('#datetimepicker1').datetimepicker({
format : "YYYY-MM-DD"}
).on("dp.change", function (e) {
    datetimepicker1 = $('#datetimepicker1').val();
    $.ajax({
       url: 'AJAX.php', //PHP file to send value
       method: 'GET', //or POST
       data: {date_time: datetimepicker1},
       success: function(response) {
         console.log(response);
       }
    });
});

在AJAX.php文件中，使用$_GET获取数据并传递给SQL/Database。

JavaScript 变量到 PHP 表单提交

JavaScript variables to PHP Form on submit

javascript

php

sql

jquery

bootstrap-datetimepicker