在jQuery UI datepicker中显示动态文本以及日期

时间:2018-08-09 08:23:30

标签: jquery jquery-plugins jquery-ui-datepicker

我使用的是jQuery UI datepicker和,我想在日期单元格中显示来自数据库的日期旁边的其他文本。这就是我想要的输出方式

enter image description here

我尝试使用一些代码来动态显示记录。

$(function() {
  $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd',
    beforeShow: addCustomCount,

    onChangeMonthYear: addCustomCount,
    onSelect: addCustomCount
  });
  addCustomCount(); 

function addCustomCount() {
  $.post('<?php echo base_url();?>lead_registration/Lead_registration/getLeadcount',function(data){
    if(data.status==1)
    {

      for(var i=0;i<data.result.length;i++){ 
        var cnt = parseInt(data.result[i].fcount);
        var dat = Date(data.result[i].followup_date);
        setTimeout(function() {
          $(".ui-datepicker-calendar td").filter(function() {

            // console.log(date.result);
            return /\d/.test(dat);
          }).find("a").attr('data-custom', '['+0+']'); // Add custom data here
        }, 0);
      }
    }

  },'json');
}

这是我执行查询后的数据库结果

enter image description here

任何形式的帮助都是显而易见的。

0 个答案:

没有答案