JavaScript：jQuery Datepicker - 简单突出显示特定日期，谁可以提供帮助？（来源内）

发布于 2024-08-31 08:56:24 字数 793 浏览 8 评论 0原文

我想使用日期选择器来突出显示特定日期。这是我的最新代码：

<script type="text/javascript">

var dates = [30/04/2010, 01/05/2010];

$(function(){

    $('#datepicker').datepicker({
        numberOfMonths: [2,3],                
        dateFormat: 'dd/mm/yy',
        beforeShowDay: highlightDays
    });

    function highlightDays(date) {
        for (var i = 0; i < dates.length; i++) {
            if (dates[i] == date) {
                          return [true, 'highlight'];
                  }
          }
          return [true, ''];

 }   

});
 </script>

我的 CSS 是：

#highlight, .highlight {
    background-color: #cccccc;
}

好吧，日历出现了，但没有突出显示任何内容。我的代码问题出在哪里？如果有人能提供帮助那就太好了。

另一个选项/解决方案可能是：禁用所有日期，但仅使数组中的日期可用。

谢谢！

原文

i want to use the Datepicker for highlighting specific dates. Here is my latest code:

<script type="text/javascript">

var dates = [30/04/2010, 01/05/2010];

$(function(){

    $('#datepicker').datepicker({
        numberOfMonths: [2,3],                
        dateFormat: 'dd/mm/yy',
        beforeShowDay: highlightDays
    });

    function highlightDays(date) {
        for (var i = 0; i < dates.length; i++) {
            if (dates[i] == date) {
                          return [true, 'highlight'];
                  }
          }
          return [true, ''];

 }   

});
 </script>

my CSS is:

#highlight, .highlight {
    background-color: #cccccc;
}

Well the calendar comes up, but there is nothing highlighted. Where is the problem in my code?
If anyone could help that would be great.

Another option/solution could be: disable all dates, but make available only dates in an array.

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凉薄对峙 2024-09-07 08:56:24

让我们告诉您一些问题...

1 . var 日期 = [30/04/2010, 01/05/2010];

不会按预期存储您的日期...它将进行数学运算...

2. 将其更改为字符串，但采用以下格式： mm/dd/yy
因此，您应该具有以下内容：

var dates = ['04/30/2010', '05/01/2010'];

3. 使用此功能：

function highlightDays(date) {
        for (var i = 0; i < dates.length; i++) {
            if (new Date(dates[i]).toString() == date.toString()) {              
                          return [true, 'highlight'];
                  }
          }
          return [true, ''];

 }

4. CSS 为：

td.highlight {
    background-color: red;
    border: 1px blue solid;
}

5. 演示

let tell you some of the problems...

1 . var dates = [30/04/2010, 01/05/2010];

would not store your dates as expected... it will do math operations...

2. change it to string but in this format: mm/dd/yy
so, you should have something like:

var dates = ['04/30/2010', '05/01/2010'];

3. use this function:

function highlightDays(date) {
        for (var i = 0; i < dates.length; i++) {
            if (new Date(dates[i]).toString() == date.toString()) {              
                          return [true, 'highlight'];
                  }
          }
          return [true, ''];

 }

4. CSS as:

td.highlight {
    background-color: red;
    border: 1px blue solid;
}

5. demo

回复收藏 0 原文

冬天旳寂寞 2024-09-07 08:56:24

时区有问题。

function highlightDays(date) {
    for (var i = 0; i < dates.length; i++) {
        if (new Date(dates[i]).toString().substr(0, 16) == date.toString().substr(0, 16)) {
            return [true, 'highlight'];
        }
    }
    return [true, ''];
 }

There is problem with timezone.

function highlightDays(date) {
    for (var i = 0; i < dates.length; i++) {
        if (new Date(dates[i]).toString().substr(0, 16) == date.toString().substr(0, 16)) {
            return [true, 'highlight'];
        }
    }
    return [true, ''];
 }

回复收藏 0 原文

~没有更多了~