【问题标题】:jQuery calendar - highlighting datesjQuery 日历 - 突出显示日期
【发布时间】:2013-03-01 01:08:39
【问题描述】:

我有一个日历,其中突出显示了一些日期

在我想突出显示 2013 年 3 月 31 日之后的日期之前,它工作得很好。在那之后,日期就正常显示了。

有人知道为什么会这样吗??

这是我用来突出显示日期的代码

<script type="text/javascript">
//<![CDATA[ 

$(document).ready(function() {
var SelectedDates = {};
SelectedDates[new Date('2013-02-14')] = new Date('2013-02-14');
SelectedDates[new Date('2013-02-15')] = new Date('2013-02-15');
SelectedDates[new Date('2013-02-16')] = new Date('2013-02-16');
SelectedDates[new Date('2013-02-22')] = new Date('2013-02-22');
SelectedDates[new Date('2013-02-23')] = new Date('2013-02-23');
SelectedDates[new Date('2013-03-01')] = new Date('2013-03-01');
SelectedDates[new Date('2013-04-01')] = new Date('2013-04-01');
SelectedDates[new Date('2013-04-11')] = new Date('2013-04-11');

$('#datepicker').datepicker({

altField: "#alternate", altFormat: "yy-mm-dd", maxDate: "+12M", dateFormat: "yy-mm-dd",

    beforeShowDay: function(date) {
        var Highlight = SelectedDates[date];
        if (Highlight) {
            return [true, "Highlighted", Highlight];
        }
        else {
            return [true, '', ''];
        }


    }
});
});
//]]>  

</script>



<style>

div.ui-datepicker{
font-size:250%;
}

.Highlighted a{
background-color : #800000 !important;
background-image :none !important;
color: White !important;
font-weight:bold !important;
font-size: 22pt;
}


</style>

【问题讨论】:

  • 奇怪,我运行了你的代码,但找不到要突出显示的日期。
  • 对不起,我忘记添加我已添加到原始帖子中的这段 css
  • 我实际上已经创建了自己的 Highlighted 类进行测试,但日历仍然不会突出显示您的任何日期。你能创建一个显示问题的 jsFiddle 吗?
  • jsfiddle.net/Jfyfr/1 我不习惯使用 jsfiddle,所以它没有正确显示日历,但它显示了正确的日期,直到 4 月 1 日
  • 让它工作jsfiddle.net/Jfyfr/9 日期为 2013-04-01,当我将它们更改为 2013/04/01 时它工作了

标签: jquery calendar


【解决方案1】:

我认为我找到了你的问题..

区别在于传入的“日期”变量。时区在“GMT 标准时间”和“GMT 夏令时间”之间切换。在“日期”上发出警报,您会看到。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-05-03
    • 1970-01-01
    • 2012-12-11
    • 2014-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多