datepicker实现高亮多个日期

最新推荐文章于 2023-08-18 11:03:57 发布

q876597923

最新推荐文章于 2023-08-18 11:03:57 发布

阅读量2.1k

点赞数

文章标签： datepicker 高亮 beforeShowDay

本文链接：https://blog.csdn.net/q876597923/article/details/52217350

版权

html：

<div id="datepicker"></div>

js：

<script type="text/javascript" src="{:STATIC_PATH}js/datepicker.js"></script>
<script>
    $(function () {
        
        $("#datepicker").datepicker({
            inline: true,
            showButtonPanel: true,
            onSelect: function (dateText, inst) {
            },
            beforeShowDay: function (date) {
                var dates = ['08/15/2016', '08/05/2016', '08/08/2016'];  
           var tips = ['08/15/2016', '08/05/2016', '08/08/2016'];  
                for (var i = 0; i < dates.length; i++) {
                    if (new Date(dates[i]).toString() == date.toString()) {
                        return [true, 'ui-state-active', tips[i]];
                    }
                }
                return [true, ''];
            }
        });
    });

</script>

ui-state-active是高亮的样式，不同版本应该不一样，到时候可根据自己的需求修改