通过AJAX获取输入类型日期值

时间:2013-05-06 作者:bagwis

我是ajax新手,我已经为如何解决我的问题挣扎了三天。我试图获取日期输入的值(html中的输入类型=“date”),并将其传递给ajax(post方法),以便对其进行处理。我的目标是能够在用户使用html 5日期输入选择的特定日期范围内,更新通过post date过滤的多篇文章的特定post meta值。

目前我只有一个更新所有帖子元值的按钮,但日期范围必须手动输入到代码中,我无法使其成为动态的,用户可以选择一个日期范围,如2013年4月1日至2013年5月1日之间更新帖子元值。

我的工作ajax可以运行我的函数

jQuery(document).ready(function($) {
    $(\'#update-form\').submit(function(){
        data = {
            action: \'update_beginning_balance\'
        };
        $.post(ajaxurl, data, function(updatebbal) {
            $(\'#updated-bbal-result\').html(updatebbal);
        });
        return false;
    });
});
我尝试使用$(#id)。我在这里提到的valhttp://api.jquery.com/val/. 我希望你能给我一些关于如何通过ajax发布我的输入日期字段的想法。

或者,您是否知道如何在不使用ajax的情况下完成此任务?与AJAX/JavScript相比,我更擅长使用PHP。

谢谢

1 个回复
最合适的回答,由SO网友:Kumar 整理而成

如果您希望在用户输入日期后立即发布该值并单击其他位置,这可能会帮助您:

 jQuery(\'#your-name\').on(\'blur\', function(){
   var date_Value = this.value;
   var ajaxdata = {
        action: \'process_date\',
        date_value: date_Value
    };
   jQuery.post(ajaxurl, ajaxdata, function(res){ 
      /* whatever you want to do, res contains the output generated by your php file*/  
    });
 })
在使用admin ajax时,请创建一个函数来处理此数据。

function process_Date(){
  $date = $_POST[\'date_value\'];
  /* do whatever you want to do with your $date*/
 /* return an output */
  die(1);
}
add_action(\'wp_ajax_process_date\', \'process_Date\');
add_action(\'wp_ajax_nopriv_process_date\', \'process_Date\');
将此函数添加到具有其他函数的文件中。

结束

相关推荐