如何获得ajax的日期选择器的价值

时间:2013-10-31 15:04:05

标签: jquery codeigniter datepicker

以下代码我试图获取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);
}
});

4 个答案:

答案 0 :(得分:0)

你的代码错了

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

您还应该更改属性名称

答案 1 :(得分:0)

在您的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:... 
    // })

});

希望这会有所帮助。

答案 2 :(得分:0)

$("#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);
              }
         });  
     }
});

这对我有用

答案 3 :(得分:-1)

尝试:

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