为了账号安全,请及时绑定邮箱和手机立即绑定

如何通过单击按钮更改单元格背景颜色并在完整日历单元格中添加文本

如何通过单击按钮更改单元格背景颜色并在完整日历单元格中添加文本

三国纷争 2021-08-26 17:32:02
我是带有 Java 脚本概念的完整日历的新手。我有一个完整的日历。我有两个按钮工作日和休息日。我需要的是,只有在我选择这两个按钮中的任何一个后,日历中的日期单元格才能选择。可以说,如果我选择工作日按钮,那么我选择的单元格必须更改其背景颜色,并且必须将文本工作日添加到这些选定的单元格中。问题 2:另外,我需要将那些选定的日期添加到我的数据表中......这也有效,但如何将文本从按钮传递给 td?代码: 全日历设计:<div class="box box-primary"><div class="box-body no-padding"><!-- THE CALENDAR --><div id="calendar_full"></div></div><!-- /.box-body --></div>单独加载日历的脚本: <script>    $(function () {   var t = $('#Selection').DataTable();        var counter = 1;        var date = new Date()        var d = date.getDate(),            m = date.getMonth(),            y = date.getFullYear()        $('#calendar_full').fullCalendar({            header: {                left: 'prev,next today',                center: 'title'                //right: 'month' //agendaWeek,agendaDay'            },            selectable: true,                selectHelper: true,                dayClick: function (date, jsEvent, view) {                    //var D = moment(date);                    t.row.add([                        counter,                        date.format('dddd,MMMM DD,YYYY'),                        'testing'                    ]).draw(false);                    counter++;                    cell.css("background-color", "teal");                }        })    })    </script>这使我的日历看起来正常,数据也添加到数据表中。但是对于我的按钮,我现在只尝试了 1 个按钮:脚本如下: <script>  $(function () {  var t = $('#CalendarSelection').DataTable();        var counter = 1;        var date = new Date()        var d = date.getDate(),            m = date.getMonth(),            y = date.getFullYear()        $('#calendar_full').fullCalendar({            header: {                left: 'prev,next today',                center: 'title'                //right: 'month' //agendaWeek,agendaDay'            },        })    </script>btnWorkingDay 是我的按钮名称。在我仅单击 btnWorkingDay 按钮后,日期单元格必须更改为蓝绿色,并且文本必须作为工作日添加到该单元格中。我的脚本不起作用。有没有什么办法解决这一问题。请帮助。TIA。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 295 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号