jquery - 如何获取 ajax 日期选择器的值

Question

以下代码我正在尝试获取 datepicker 的值，但我没有得到 datepicker 的值有人可以帮助我吗？

$('#mm').change(function() {
$.ajax({
url: '<?php echo base_url()."index.php/lha/chkholiday";?>',
data:{
date:$('#datepicker').val(),
timeh:$('#hh').val(),
timem:$('#mm').val()
},
type: "POST",
success: function (dataCheck) {
var total = dataCheck;
alert(total);
//document.getElementById("result123").innerHTML = str;
//$('#resultdrop').html(total);
}
});

Answer 1

你的代码是错误的

data:{
     date: $('#datepicker').val(),
     timeh: $('#hh').val(),
     timem: $('#mm').val()
}

你也应该改变你的属性名称

Answer 2

在您的 HTML 中：

<div id="datepicker-container">
<input  type="text" placeholder="click to show datepicker"  id="datepicker"/>
</div>

在您的 Javascript 中：

在这里，您指示在页面加载时加载日期选择器：

$(document).ready(function () {
    $('#datepicker').datepicker({
        format: 'yyyy-mm-dd',
        startDate: '-3d'
    });

在日期选择器发生“更改”后，您可以在此处执行某些操作（即用户单击弹出日历中的日期）：

$('#datepicker').on('changeDate', function() {

    //herebelow you assign the chosen date on the datepicker to a variable
    var date = jQuery('#datepicker').datepicker('getDate');

    //or alternatively
    var formattedDate = jQuery('#datepicker').datepicker('getFormattedDate');
    
    // Do something with the date variable...
    // Such as $.ajax({
    //               url: ...
    //               success:... 
    // })

});

希望这会有所帮助。

Answer 3

$("#datepicker").datepicker({

    onSelect: function(date, instance) {

        $.ajax
        ({
              type: "Post",
              url: '<?php echo base_url()."index.php/lha/chkholiday";?>',
              data: date,
              success: function(result)
              {
                  alert(result);
              }
         });  
     }
});

这对我有用

Answer 4

尝试：

data:{
    date    : $('#datepicker').val(),
    timeh   : $('#hh').val(),
    timem   : $('#mm').val()
},