Question

我正在尝试这样做，以便在单击我的图像时，它会打开一个日历，并在日历上选择日期时，使用我的AJAX方法使用新日期更新我的数据库。 *请注意，我的代码使用数据库中的正常html文本更新。我只需要帮助让日历使用它来更新数据库。

我的代码如下：

HTML CODE

<td style="border: 1px solid #eee; text-align: center; font-size: 11px;" contenteditable="false" onBlur="saveToDatabase(this,'time','<?php echo $faq[$k]["id"]; ?>')" onClick="showEdit(this);">
<?php echo $faq[$k]["time"] != '' ? $faq[$k]["time"] : 'None'; ?>
<input type="hidden" id="datepicker">

AJAX代码

        function showEdit(editableObj) {
            $(editableObj).css("background","#FFF");
        } 

        function saveToDatabase(editableObj,column,id) {
            $(editableObj).css("background","#FFF url('images/spin.gif') no-repeat right");
            $.ajax({
                url: "includes/saveedit_members.php",
                type: "POST",
                data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
                success: function(data){
                    window.location.replace("admin_members.php");
                }
           });
        }

JAVASCRIPT

    <script>
    $(function() {
        $("#datepicker").datepicker({
           showOn: 'button',
           buttonImage: 'http://theonlytutorials.com/demo/x_office_calendar.png',
           buttonImageOnly: true,
           changeMonth: true,
           changeYear: true,
           showAnim: 'slideDown',
           duration: 'fast',
           dateFormat: 'dd-mm-yy'
        });
    });
    </script>

PHP接收代码

    if(!isset($_POST['column']) || !isset($_POST["editval"]) || !isset($_POST["id"])) {
    header('Location: error-pages/index.php');
} else if(isset($_POST['column']) && isset($_POST["editval"]) && isset($_POST["id"])) {
    mysqli_query($con, "UPDATE users set " . $_POST["column"] . " = '".$_POST["editval"]."' WHERE  id=".$_POST["id"]);
}

请记住，我只是需要帮助才能在我点击所需日期时更新我的数据库。

它的外观示例图片：

Answer 1

如果您需要在日历中选择日期时更新数据库，则可以使用onSelect事件，在选择日期时调用函数。

查看日期选择工具documentation，或者您可以看到此question他们在哪里谈论此事件。

如何使用我的ajax POST方法将日历值更新到我的数据库？

1 个答案: