脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js图表日期分类按色显示

JS实现图表日期分类按色显示效果

 更新时间：2024年05月30日 09:11:28   作者：每天进步多一点  
这篇文章主要介绍了JS实现图表日期分类按色显示,文中需要注意若 iOS 手机预览时显示NaN ,可能是时间格式的问题,本文给大家介绍的非常详细,需要的朋友可以参考下

预想要达成的效果图:

 关键步聚:

 js代码如下

function(){ 
    var date = new Date(this);
    if(date.getDay()==0||date.getDay()==6){
        return "<font color='red'>"+date.getDate()+"</font>"
    }else{
        return date.getDate();
    }
}

注：若 iOS 手机预览时显示 NaN ，可能是时间格式的问题。可将代码 var date = new Date(this);  替换为 var date= new Date(Date.parse(this.replace(/-/g,  "/")));  

效果图如下:

到此这篇关于JS实现图表日期分类按色显示的文章就介绍到这了,更多相关js图表日期分类按色显示内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • js 日期转换成中文格式的函数

    js 日期转换成中文格式的函数

    最近的项目需要将日期转换成中文的格式，于是写了个小小的JS函数，使用时直接调用即可.
    2009-07-07
  • JS中的new Map()方法介绍

    JS中的new Map()方法介绍

    Map 是 JavaScript 中非常强大的数据结构,它提供了比传统对象更多的灵活性和功能,本文给大家介绍JS中的new Map()方法,感兴趣的朋友一起看看吧
    2025-04-04
  • js获取html文件的思路及示例

    js获取html文件的思路及示例

    html文件如何获取，有很多朋友对此表示疑问，在本文将为大家介绍下使用js的或许方法，感兴趣的朋友可以参考下，希望对大家有所帮助
    2013-09-09
  • JavaScript利用canvas实现星空效果

    JavaScript利用canvas实现星空效果

    Canvas对于我们前端来说是一个非常强大的工具,它可以实现各种复杂的图形和动画效果,我们如果能够熟练掌握它,我们就可以做很多炫酷的效果,本文就给大家介绍了用canvas画出一片星空的方法,需要的朋友可以参考下
    2023-11-11
  • JavaScript静态的动态

    JavaScript静态的动态

    JavaScript静态的动态...
    2006-09-09
  • javascript中闭包概念与用法深入理解

    javascript中闭包概念与用法深入理解

    这篇文章主要介绍了javascript中闭包概念与用法,结合实例形式深入分析了javascript中闭包的概念、使用方法与相关注意事项,需要的朋友可以参考下
    2016-12-12
  • JS中filter( )数组过滤器的使用

    JS中filter( )数组过滤器的使用

    这篇文章主要介绍了filter() 数组过滤的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-11-11
  • 微信小程序集成前端日志库的详细记录

    微信小程序集成前端日志库的详细记录

    这篇文章主要给大家介绍了关于微信小程序集成前端日志库的详细记录,文中通过代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-07-07
  • 值得分享的轻量级Bootstrap Table表格插件

    值得分享的轻量级Bootstrap Table表格插件

    这篇文章为大家分享了轻量级Bootstrap Table表格插件，以表格的形式显示的数据，支持单选，复选框，排序，分页,显示/隐藏列等操作，感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Layui 导航默认展开和菜单栏选中高亮设置的方法

    Layui 导航默认展开和菜单栏选中高亮设置的方法

    今天小编就为大家分享一篇Layui 导航默认展开和菜单栏选中高亮设置的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论