react中原生js添加,移除class,设置属性的值

原创于 2019-01-05 11:41:11 发布 · 4.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #class #setAttribute #react

React 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript处理日期格式化的方法，并演示了如何根据特定日期选择和更新DOM元素的状态，包括添加和删除类名及属性值。

deleteBeforeFun = (time) => {
    var deleteEle = document.querySelectorAll(`td[title="${this.formatDate(time)}"]`);
    //删除类名
    deleteEle[0].classList.remove('ant-calendar-selected-end-date', 'ant-calendar-selected-start-date', 'ant-calendar-selected)
}
addAfterFun = (time) => {
    var ele = document.querySelectorAll(`td[title="${this.formatDate(time)}"]`);
    //设置属性值
    ele[0].childNodes[0].setAttribute('aria-selected', true);
    //添加类名
    ele[0].classList.add('ant-calendar-selected-end-date', 'ant-calendar-selected-start-date', 'ant-calendar-selected-day')
}

// 复制代码
formatDate = (now) => {
    let mothArr = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
    now = new Date(now);
    var year = now.getFullYear(), month = now.getMonth(), date = now.getDate();
    return mothArr[month] + ' ' + date + ", " + year;
}