JS實現(xiàn)圖表日期分類按色顯示效果
更新時間：2024年05月30日 09:11:28 作者：每天進步多一點
這篇文章主要介紹了JS實現(xiàn)圖表日期分類按色顯示,文中需要注意若 iOS 手機預(yù)覽時顯示NaN ,可能是時間格式的問題,本文給大家介紹的非常詳細,需要的朋友可以參考下
預(yù)想要達成的效果圖:
關(guān)鍵步聚:
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 手機預(yù)覽時顯示 NaN ，可能是時間格式的問題?？蓪⒋a var date = new Date(this); 替換為 var date= new Date(Date.parse(this.replace(/-/g, "/")));
效果圖如下:
到此這篇關(guān)于JS實現(xiàn)圖表日期分類按色顯示的文章就介紹到這了,更多相關(guān)js圖表日期分類按色顯示內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
最近的項目需要將日期轉(zhuǎn)換成中文的格式，于是寫了個小小的JS函數(shù)，使用時直接調(diào)用即可.2009-07-07
Map 是 JavaScript 中非常強大的數(shù)據(jù)結(jié)構(gòu),它提供了比傳統(tǒng)對象更多的靈活性和功能,本文給大家介紹JS中的new Map()方法,感興趣的朋友一起看看吧2025-04-04
html文件如何獲取，有很多朋友對此表示疑問，在本文將為大家介紹下使用js的或許方法，感興趣的朋友可以參考下，希望對大家有所幫助2013-09-09
JavaScript利用canvas實現(xiàn)星空效果
Canvas對于我們前端來說是一個非常強大的工具,它可以實現(xiàn)各種復(fù)雜的圖形和動畫效果,我們?nèi)绻軌蚴炀氄莆账?我們就可以做很多炫酷的效果,本文就給大家介紹了用canvas畫出一片星空的方法,需要的朋友可以參考下2023-11-11
JavaScript靜態(tài)的動態(tài)...2006-09-09
這篇文章主要介紹了javascript中閉包概念與用法,結(jié)合實例形式深入分析了javascript中閉包的概念、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了filter() 數(shù)組過濾的使用方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
這篇文章主要給大家介紹了關(guān)于微信小程序集成前端日志庫的詳細記錄,文中通過代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用微信小程序具有一定的參考借鑒價值,需要的朋友可以參考下2024-07-07
這篇文章為大家分享了輕量級Bootstrap Table表格插件，以表格的形式顯示的數(shù)據(jù)，支持單選，復(fù)選框，排序，分頁,顯示/隱藏列等操作，感興趣的小伙伴們可以參考一下2016-05-05
Layui 導(dǎo)航默認展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認展開和菜單欄選中高亮設(shè)置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09