JS實現(xiàn)圖表日期分類按色顯示效果
更新時間：2024年05月30日 09:11:28 作者：每天進步多一點
這篇文章主要介紹了JS實現(xiàn)圖表日期分類按色顯示,文中需要注意若 iOS 手機預覽時顯示NaN ,可能是時間格式的問題,本文給大家介紹的非常詳細,需要的朋友可以參考下
預想要達成的效果圖:
關(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 手機預覽時顯示 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)文章
math.round()方法將對參數(shù)進行四舍五入操作，對js math.round相關(guān)知識感興趣的朋友一起學習吧2015-12-12
JavaScript+Canvas模擬實現(xiàn)支付寶畫年兔游戲
接近過年了，支付寶的集福的活動又開始了，集美們的五福集齊了沒有。每年的集?；顒佣加幸恍┬∮螒颍衲暌膊焕?，畫年畫就是其中之一，本篇用canvas來寫一個畫年兔的游戲2023-01-01
js+css實現(xiàn)的仿office2003界面...2007-03-03
原生js實現(xiàn)移動開發(fā)輪播圖、相冊滑動特效
原生JS實現(xiàn)圖片自動輪播緩沖切換特效，很實用流暢的圖片輪播特效，在較現(xiàn)代的瀏覽器上展現(xiàn)的圓角效果，兼容差點的是直角效果，全部原生JS實現(xiàn)，還是很不錯的值得大家學習并利用，推薦下載。2015-04-04
這篇文章主要為大家詳細介紹了移動端利用H5實現(xiàn)壓縮圖片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這里給大家推薦一款自己封裝的js時間日期格式化的函數(shù)，非常的簡潔實用，分享給有需要的小伙伴2014-12-12
一文教你用javascript實現(xiàn)條形碼和二維碼
這篇文章主要為大家介紹了如何用javascript實現(xiàn)條形碼和二維碼示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
Egg.js 中 AJax 上傳文件獲取參數(shù)的方法
這篇文章主要介紹了Egg.js 中 AJax 上傳文件獲取參數(shù),需要的朋友可以參考下2018-10-10
下面小編就為大家?guī)硪黄W(wǎng)頁中的圖片查看器viewjs使用方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JavaScript中保留小數(shù)點后N位方法總結(jié)
這篇文章主要為大家詳細介紹了JavaScript中保留小數(shù)點后N位的幾個常用方法，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起了解一下2023-06-06