Javascript jquery datepicker中日期旁边的自定义文本

我需要在jQueryUIDatePicker上显示一些日期的自定义文本，即显示一些日期的计数。但在本例中，自定义文本显示在所有月份的某些日期中，但我的要求是在这些日期的标题中附上具体价格，然后

在本例中，日期及其内容使用此格式显示

var cellContents = {1: '20', 15: '60', 28: '$99.99'};

我试过了，但没用

var cellContents = {"2018-06-12": "$300", "2018-06-26": "$63", "2018-07-26": "$63", "2018-07-15": "$63", "2018-08-16": "$63"};

---

我想你们都理解我的问题，任何形式的帮助都是值得的。

并不像你们想的那样困难，只需再添加一点参数来保存月份和年份

更改部分

    //Get the month and year for checking.
    var selected_month = parseInt($('.ui-datepicker-month').val()) + 1;
    var selected_year = $('.ui-datepicker-year').val();
    //Select disabled days (span) for proper indexing but // apply the rule only to enabled days(a)
    $('.ui-datepicker td > *').each(function(idx, elem) {
      //Specific the target key by adding back the month and year.
      var key = ('0' + (idx + 1)).slice(-2) + '-' + ('0' + selected_month).slice(-2) + '-' + selected_year
      var value = cellContents[key] || 0;

整个工作示例基于您提供的代码

$（“#日期选择器”）。日期选择器({
变化月：对，
变化年：是的，
minDate:0，
//在为内联日历选择时重新创建日历
onSelect：功能（日期，dp）{
updateDatePickerCells（）；
},
onChangeMonthYear：功能（月、年、dp）{
updateDatePickerCells（）；
},
beforeShow:function（elem，dp）{//这是用于非内联日期选择器的
updateDatePickerCells（）；
}
});
updateDatePickerCells（）；
函数更新的TepickerCells（dp）{
/*等待当前调用堆栈完成，以便日期选择器
在尝试修改内容之前完全呈现*/
setTimeout（函数（）{
//用您想要插入的数据（我使用的是AJAX请求）填充这个字段
//注意*注意值中的CSS特殊字符
var cellContents={
'01-08-2018': '20',
'15-08-2018': '60',
'28-08-2018': '$99.99'
};
//获取用于检查的月份和年份。
var selected_month=parseInt（$（'.ui datepicker month'）.val（））+1；
var selected_year=$（'.ui datepicker year'）.val（）；
//选择禁用天数（span）进行适当索引，但//仅将规则应用于启用天数（a）
$（'.ui日期选择器td>*'）。每个（函数（idx，元素）{
//通过添加月份和年份来指定目标键。
变量键=（'0'+（idx+1））。切片（-2）+'-'+（'0'+所选月份）。切片（-2）+'-'+所选年份
var值=单元格内容[键]| | 0；
//动态创建css规则以添加内容//并使用：after
//选择器，这样我们就不会破坏datepicker//功能
var className='datepicker content-'+CryptoJS.MD5（value.toString（）；
如果（值==0）
addCSSRule（'.ui datepicker td a.+className+'：在{content:\\\a0；}'）之后；//
其他的
addCSSRule（'.ui datepicker td a.+className+'：在{content:“+value+”；}）之后）；
$（this）.addClass（className）；
});
}, 0);
}
var dynamiccsrules=[]；
函数addCSSRule（规则）{
if（$.inArray（规则，动态规则）=-1）{
$（'head'）。追加（''+规则+''）；
动态规则推（规则）；
}
}

.ui日期选择器td a:after{
内容：“；
显示：块；
文本对齐：居中；
颜色：蓝色；
字体大小：小；
字体大小：粗体；
}