使用html根据今天的日期突出显示一行
根据今天的日期突出显示一行可以通过以下HTML代码实现：
<!DOCTYPE html>
<html>
<head>
<title>Highlight Today's Date</title>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<table>
<tr>
<td>Monday</td>
</tr>
<tr>
<td>Tuesday</td>
</tr>
<tr>
<td>Wednesday</td>
</tr>
<tr>
<td>Thursday</td>
</tr>
<tr>
<td>Friday</td>
</tr>
<tr>
<td>Saturday</td>
</tr>
<tr>
<td class="highlight">Sunday</td>
</tr>
</table>
<script>
var today = new Date().getDay();
var tableRows = document.getElementsByTagName("tr");
tableRows[today].classList.add("highlight");
</script>
</body>
</html>这段代码会在页面中创建一个包含星期几的表格，并根据今天的日期突出显示对应的一行。通过JavaScript获取当前日期的星期几（0代表星期日，1代表星期一，以此类推），然后使用classList.add()方法为对应的行添加名为"highlight"的CSS类，从而实现突出显示效果。
推荐的腾讯云相关产品：无特定产品与此功能直接相关。
请注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行修改和适配。
相关·内容
1回答
假设我在单元格G1:G999和H1:H99中有日期。我正在尝试为列G建立条件格式，以突出显示日期早于今天的单元格，并且行H中相邻的单元格为空。我想知道这是否可以在这种组合中完成。
谢谢大家！
浏览 0提问于2017-10-04得票数 2
我想显式地更改jQuery数据报警器中突出显示的今天的日期。我尝试过设置默认日期，但突出显示的日期仍然是我的本地计算机的日期，也就是今天。
我想这样做，因为我使用的是自定义时区。基本上，此自定义时区中的当前年份/月/日期与本地计算机的当前日期不同。
例如：
假设今天的日期是07/10/2014与我的计算机的日期相同，但是使用自定义时区，突出显示的日期应该是07/09/2014：
浏览 11提问于2014-07-10得票数 3
回答已采纳
1回答
我想知道是否有可能在Power中的矩阵表上创建一个列名/值的条件格式。我附上了一个截图，说明我想要达到的目标。将根据今天的日期突出显示列名。
更新的如果不能突出显示列名，是否可能根据列值的日期突出显示所有值？
浏览 2提问于2021-04-14得票数 0
1回答
我想把事件拖到其他日期。
我的事情只能推迟到今天。
我的事情不能在今天之前取消。
当前，在拖动事件时，将突出显示拖放下面的日历单元格。我想在今天之前的几天(单元格)中禁用这个突出显示(每点2)。
知道如何禁用这个高亮显示吗？
浏览 2提问于2013-05-08得票数 0
2回答
我希望日期选择器以15 Jun, 2019格式显示所选日期，但它会突出显示今天的日期，而不是所选日期。但在使用2019-06-15格式时，它会显示实际选择的日期。
我正在使用来自的angularjs date-picker
<input ng-show="toggleMe" type="text" readonly placeholder="Deadline"
class="date-picker" ng-datetime-picker="datePickerOptions"
ng
浏览 0提问于2019-06-05得票数 0
我有一个Rails4应用程序使用gem 'bootstrap-sass'。我用的是引导数据报警器。
这是Javascript：
$(".datepicker").datepicker
autoclose: true
format: "yyyy-mm-dd"
orientation: "left top"
这是视图代码：
<%= f.input :shoot_date, :as => :string, :label => 'Shoot Date:', :input_h
浏览 0提问于2015-11-23得票数 0
回答已采纳
我使用了MVCGrid和asp.net mvc5中的编辑和删除按钮，使用实体框架。当我点击编辑按钮，引导模式弹出打开显示数据。date属性显示正确，但我希望引导日历突出显示选定的日期。目前，它突出了今天的日期。
从数据库获取的日期是11/10/2015 (mm/dd/yyy)，日历上突出显示的日期是今天(11月16日)。有办法解决这个问题吗。
在部分视图_Edit中使用的脚本文件是:-
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src=&#
浏览 1提问于2015-11-16得票数 0
回答已采纳
找不到任何与此问题相关的内容。我从其他关于react-date-picker的问题中了解到，默认情况下不选择今天的值是可能的，这很好，而且主要是我想要的，但我甚至想要阻止react-date-picker在今天突出显示。它看起来太像用户已经选择了一个日期，但是当今天没有可用的约会时，我不仅想让它像其他日期一样变灰，而且实际上根本不想突出显示它。我仍然希望在选择其他日期时突出显示它们，所以我不想从CSS中删除突出显示类，但是不应该突出显示无效的日期，即使是今天，因为在这种情况下今天没有约会，所以没有选择日期。 ? 当前代码为： <ReactDatePicker
inline
浏览 55提问于2021-01-15得票数 0
我使用jquery datepicker在月视图中显示日历(只有一个月是可见的)。我希望它突出显示(默认情况下)一个特定的日期。例如，如果我在我的网站上查看一个“活动页面”，那么我希望它显示该活动的日期突出显示的日历。我不能让它工作。它显示日历，但它总是突出显示今天的日期，而不是我设置的日期。下面是我的代码：
HTML：
<div id="datepicker"></div>
jQuery：
$('#datepicker').datepicker({ defaultDate: "07-11-2012" });
我怎么才能让
浏览 1提问于2012-07-30得票数 0
回答已采纳
我使用datepicker在两个日期字段(from date和to date)中选择日期。
其中，默认突出显示的日期是今天的日期。我需要在第二个datepicker中将默认突出显示的日期更改为其他日期。(以今天+8天为例)。
我如何才能正确地执行此操作？
以下是我的日期选择器，
$(function() {
$( "#datepicker" ).datepicker();
$( "#datepicker" ).datepicker("option", "dateFormat", "yy-mm-dd"); // IS
浏览 3提问于2013-02-21得票数 4
我有一个包含多个日期的电子表格。我设置了CF公式来突出显示大于今天的日期。我需要帮助设置另一个CF公式，将突出显示行中的最大日期小于今天。例如，如果今天是2/18/2019，我有几行日期如下... 2/15/2019 | 2/16/2019 | 2/17/2019 我希望2/17/2019突出显示。 =A7=max($A7:$M7)<Today
浏览 7提问于2019-02-19得票数 0
我使用KALViewcontroller API在我的iPhone应用程序中显示日历。我想保存最后选定的日期，并显示为‘突出显示’时，日历再次出现。目前它显示了今天的日期。
在KALViewController.m中，一个函数-(void)showAndSelectToday负责显示今天的日期并突出显示今天的瓷砖。
[[self calendarView] selectTodayIfVisible];
//where *calendarView* is
- (KalView*)calendarView
{
checkDateConf = TRUE;
checkDate
浏览 0提问于2012-06-13得票数 0
18回答
我有一个非常简单的jQuery日期选择器日历：
$(document).ready(function(){
$("#date_pretty").datepicker({
});
});
当然，在HTML中...
<input type="text" size="10" value="" id="date_pretty"/>
当用户打开日历时，今天的日期会被很好地突出显示，但是我如何让jQuery在页面加载时使用今天的日期预先填充文本框本身，而不需要用户做任何事情? 99%的情况下，今天
浏览 0提问于2008-10-24得票数 242
回答已采纳
我有一个静态生成的表，如下所示： <table>
<tr><td> Thing 1 </td><td> 2021-06-01 </td></tr>
<tr><td> Thing 2 </td><td> 2021-06-01 </td></tr>
<tr><td> Thing 3 </td><td> 2021-06-01 </td></tr>
<
浏览 9提问于2021-06-17得票数 0
回答已采纳
我有一个供用户输入购买日期的输入框。它工作得很好，除了在输入框中显示今天的日期。如果没有默认值(DB中没有任何内容)，我不希望发生这种情况。我只想在日历弹出时突出显示日期。
<input name="purchase_date" value="<?php echo set_value('purchase_date', $purchase_date);?>" type="text" class="span2 datepicker">
这是JS。
$('.datepicker')
浏览 0提问于2013-08-22得票数 1
寻找一种方法来突出任何日期的当前一天被突出显示。
这里有一个小例子，不同的日期，我只想突出显示今天的日期(它的26)，所以无论月份是什么，26都应该突出显示。
我所做的一点努力..但它不起作用
浏览 2提问于2018-09-26得票数 0
如何删除datepicker今天的日期上的黄色高亮显示？当通过一个输入字段调用我的数据报警器(从这里获得：)时，我能够这样做，但是当通过div调用它时(inline = true)，我不能这样做。
我这样做的原因是，我使用的是自定义时区，如果基于时区有不同的今天的日期，它仍然突出显示本地计算机的今天的日期。
下面是使用输入字段工作的代码：
HTML：
<p>Date: <input type="text" id="datepicker" /></p>
Javascript：
$(function() {
$("
浏览 4提问于2014-07-10得票数 3
回答已采纳
2回答
时代广场和今天的日期
、、、
向Square的Times-Square日历小部件的用户快速提问。有没有办法不突出显示今天的日期？
目前，它用深灰色突出显示今天的日期，我想禁用它。我看过GitHub代码，不知道该怎么做。
浏览 5提问于2014-12-01得票数 2
我有一个完整日期列，我尝试突出显示所有日期，如果它们在今天日期之前的30。
例如，单元格中的值是4/12/2017，当仅应突出显示2017年4月1日之前的值时(今天是2017年5月1日)，该值将被突出显示。
我的条件格式规则是
Format only cells with:
cell value less than =Today()-30
*change background color*
但2017年4月12日仍在重点关注。
浏览 0提问于2017-05-01得票数 0
GWT 2.7 :我使用的是gwt日期选择器，我的代码如下所示
DatePicker datePickerW = new DatePicker();
datePickerW.setYearArrowsVisible( true );
Date date = new Date();
CalendarUtil.addMonthsToDate( date, 2 );
datePickerW.setVisible( true );
现在，当页面刷新和日期选择器打开时，数据报警器应该首先显示当前日期+两个月。就像今天是8月28日，那么突出显示日期应该是10月28日。
它不显示突出显示的日期，而不是今天的
浏览 3提问于2015-08-28得票数 2
回答已采纳
我正在使用ngx-bootstrap datepicker。我想要一个自定义的日期，以突出显示加载的date-picker。我有一个日期存储在一些变量中，并希望该日期被选中(突出显示)。
component.ts
private dob : string = '2017/07/07';
component.html
<datepicker [activeDate]="dob" [showWeeks]="false" [startingDay]="1" [formControl]="form.controls[dob]
浏览 5提问于2017-07-26得票数 1
回答已采纳
我正在使用Jquery日期选择器来选择日期，我希望能够默认选择给定的日期。
下面是我的代码：
var SelectDate=new Date(2013, 06,25 , 0, 0, 0, 0) ;
$("#OnwardTravelDate").datepicker({
numberOfMonths: 2,
dateFormat: 'dd/mm/yy',
minDate: datePickMinDate_DT,
maxDate: datePickMaxDate_DT,
defaultDate:
浏览 0提问于2013-06-07得票数 3
回答已采纳
嗨，我在android上工作，我的项目要求与突出显示今天的日期和任何用户选择的日期可以挑选和日期范围没有限制的android日历视图，我是例外输出喜欢下面的屏幕截图，我已经尝试了一些样本代码，但是，不工作，你可以任何样本api或自定义日历视图突出显示的今天的日期。
你能帮我怎么做像上面的屏幕截图和屏幕截图从谷歌日历应用程序现在可以在playshop上。
浏览 4提问于2013-05-30得票数 1
我正在使用moment().diff()来检查提供的日期是否是今天。今天我想用下面的代码突出显示我的日历。
isToday = moment().diff(moment('30 December, 2016','DDMMMMY'), 'days') === 0;
但问题是它突出了今天和明天的两个日期。
下面是两个日期的矩差返回0的图像。
有没有办法解决这个问题，或者用其他方法来检查今天的情况。
提前感谢
浏览 1提问于2016-12-30得票数 0
回答已采纳
我要做的是突出显示同时包含日期和时间的单元格，如果日期等于今天，我希望它忽略时间并突出显示该单元格。
例如：
-| A | B | 1 | Option1 | 06/17/2020 0800 | 2 | Option2 | 06/17/2020 1500 | 3 | Option1 | 06/18/2020 2300 | 4 | Option1 | 06/20/2020 0800 |
如果今天是2020年6月17日，我希望B1和B2得到突出显示。
我在Google上找到了几个条件格式的不同公式，但都没有成功。谢谢!
浏览 2提问于2020-06-17得票数 0
回答已采纳
1回答
使用Datepicker我有两个问题。
1)当页面加载时，我希望字段显示今天的日期1/10/2013。而是显示01/01/0001...但是，如果用户单击该字段并显示日期选择器日历，日历上将突出显示今天的日期，为什么日历上的日期高亮显示，但字段中却显示错误的日期
2)如果用户从日期选择器中选择了日期，则无论选择的日期是什么，加上另一个2013....so用户选择的今天日期，01/10/20132013将存储在该字段中。
任何关于如何解决这个问题的帮助。谢谢你们
@Html.TextBoxFor(model => model.SelectedDate, new { @class =
浏览 3提问于2013-10-01得票数 0
我一直在努力尝试解决这个问题，它与Excel中的条件形成有关。我想找到一种方法来突出显示基于当前日期的下一个付款计划。因此，如果今天是2月10日，则下一个付款计划将是2月15日，因此会突出显示。如果今天是2月16日，则会突出显示A6和B6
有没有人能帮我解开这个公式，我假设它的条件格式是一个公式。但是这个公式把我难住了。此公式需要应用于大范围的日期(600个日期)
浏览 5提问于2016-02-09得票数 4
3回答
我使用的是PF RC1，JSF2.0。
当我单击p:calendar的today按钮时，默认情况下它会突出显示今天的日期，但要求是如果我单击"Today“按钮，我应该在相应的文本字段中得到突出显示的日期(今天的日期)。
这似乎在展示案例中也不起作用。
有没有可能在Today按钮上写一个自定义代码，或者让today按钮像上面解释的那样工作。
谢谢。
浏览 0提问于2012-01-18得票数 1
回答已采纳
我有一个包含几列的excel工作表：date、incoming and outgoing money、type和cumulative，以及money remaining。
我想在我的工作表顶部的锁定窗格中有一个单元格，用来显示今天日期的累计余额。
所以我想让它查看A列，找到今天的日期或最接近今天的日期，然后从E列的那一行中获取值。我怎么做的，我已经尝试了几种不同的方法，但都没有奏效。
我目前在行上设置了条件格式，这些行将突出显示最新的内容。我只能用=AND($A2<=TODAY(),$A2>=TODAY()-3)做到这一点，但问题是，今天之前3天的任何东西都会高亮显示，所以它不能很
浏览 1提问于2014-10-03得票数 0
5回答
我想在cal命令的输出中突出显示今天的日期。最好的方法是什么？
到目前为止，这就是我所拥有的：
cal -m | grep -C6 --color "$(date +%e)"
但它并不适用于所有情况，例如，当日期有一个个位数时。当我显示一年的日历时，我也希望高亮显示起作用。
浏览 0提问于2011-04-11得票数 8
2回答
Excel工作表包含按日期显示的条目列表。每当我打开工作表时，我都希望突出显示今天的日期条目。例如，当我打开包含付息金额和到期日期的Excel文件时，它应该告诉我今天到期的利息。
浏览 1提问于2011-08-18得票数 0
是否可以在kendodatepicker中更改今天突出显示的日期。
我已经试过了。
var date = new Date();
date.setDate(29);
但是日历的底部仍然显示今天的日期。
浏览 0提问于2020-02-28得票数 0
我正在尝试突出显示Google Sheets中的单元格，这些单元格是基于今天日期的星期几(仅文本)。 基本上，我有一个列，其中有M-T-W-TH-F-S-SU (未注明日期，只是文本)，我希望它突出显示当前具有条件格式或其他格式的星期几。因此，如果今天是星期二，则会突出显示星期二。请记住，单元格中当前没有日期，我需要它显示为文本。我如何用一个简单的公式来实现这一点呢？
浏览 23提问于2019-04-11得票数 2
回答已采纳
默认情况下，Flex DateChooser会突出显示“今天”日期。我假设它是从操作系统获取这个日期的。有没有办法告诉DateChooser‘今天’应该是哪一天？
浏览 2提问于2009-02-16得票数 3
回答已采纳
我已经在Access 2007中创建了一个表单，并且有一个文本域和一个日历。日历中的值将进入文本字段。我通过在表单加载事件中设置默认日期来初始化日历，如下所示；
Private Sub Form_Load()
Me!calDOB.Today
End Sub
它工作正常，日历在显示时突出显示今天的日期，但如果我试图单击突出显示的日期(第5号)数字块，它似乎被禁用，日历返回空作为单击事件的值。
如果我单击其他日期(数字块)，则它会返回正确的值。然后我可以返回并选择今天的日期。
有人知道为什么会这样吗？
浏览 3提问于2012-03-05得票数 1
0回答
我可以在日期选择器中突出显示今天的日期吗？我在ngx-bootstrap中使用了Datepicker插件的第一个站点示例，它突出显示了当前日期，但随后没有。我可以为它设置parametr吗？
浏览 3提问于2017-11-28得票数 2
我正在使用arshaw fullcalendar api来渲染日历。现在我知道今天是突出显示的。同样，我有一个日期列表，我想在周视图中突出显示。此外，日期可以在不同的星期。任何帮助都是非常感谢的。谢谢。
浏览 0提问于2013-05-27得票数 0
回答已采纳
我正在尝试创建几个>=表达式，当满足以下情况时将突出显示行:当日期字段= today...When日期字段今天到+120 days...When日期字段=昨天和之前的所有天...
这来自于具有以下代码的Crystal Report：
if {usp_ND044R01;1.review_Date} in AllDatesToYesterday
then crYellow
else
if {usp_ND044R01;1.review_Date} in CurrentDate to CurrentDate+ 120
then crYellow
else
crWhite
这就是我的观点：
浏览 1提问于2014-07-23得票数 0
如果在单独的单元格中满足两个参数，我将尝试使用AND()函数返回正单元格和突出显示单元格。
如果单元格E2包含"TTMBC“，则和单元M2包含低于今天的日期。
=EXACT(E2,"TTMBC")
这将突出显示单元格E2中准确的文本匹配。
=M2<=TODAY()
如果M2的日期低于今天，这将突出显示
我的问题是如何将这些参数与AND()函数结合起来，以便单元格M2只突出显示这两个参数已经满足？
浏览 1提问于2022-07-14得票数 0
当使用datepicker (jquery ui 1.10.3)时，它打开时默认突出显示今天，这是很好的。现在，用户想要选择其他日期-但最初的亮点仍然保留在今天。
我正在搜索他们的文档和一般的( js和所有的新手)，但是找不到答案。
编辑-这很奇怪，因为根据他们的示例，它应该可以开箱即用
浏览 4提问于2014-01-17得票数 1
需要帮助来突出显示包含今天日期和不同时间的单元格。我写的代码在这里，但它只能突出显示当前日期的单元格。
子数据回显()
Dim rCell As Range
With Worksheets("owssvr")
For Each rCell In .Range("A2:M20")
If rCell.Value = Date Then
rCell.Interior.Color = vbGreen
End If
Next
End With
结束子对象
我的目标是突出显示当前日期(2018年6月22日和时间)的单元格。请帮帮我。
浏览 0提问于2018-06-22得票数 0
2回答
我在一个asp .net网页表单上有一个日历控件。在Pag_Load事件中，我有
this.CalendarReportDay.SelectedDate = DateTime.Now;
它设置日历的选定日期，但今天的日期不会在日历上突出显示。
有人知道如何选择今天的日期吗？
浏览 2提问于2010-08-04得票数 6
回答已采纳
如何在日期选择器中突出显示特定日期。
我在一个数组中有日期，只想突出显示日期。我已经突出显示了从今天开始的10天，但我想在这10天内再次突出显示。我该怎么做呢？任何人请帮帮忙。
这是我的代码：
function available(date) {
ymd = date.getFullYear() + "/" + ("0"+(date.getMonth()+1)).slice(-2) + "/" + ("0"+date.getDate()).slice(-2);
day = new Date(ymd).getDay();
if (
浏览 0提问于2016-03-29得票数 1
1回答
我使用angularjs作为我的项目，使用bootstrap日期选择器来选择日期。在我的项目中，有两个选择日期和结束日期的输入。对于From date只能选择today date，对于To date计算，我使用JavaScript为from date添加1年，并绑定到to Date输入。数据绑定部分工作正常。但是当我点击日期时，它不会在日期选择器中显示突出显示的日期。我能知道如何突出显示今天吗？ 这些都是我目前使用的选项。 autoclose: true,
todayHighlight: true ?
浏览 12提问于2019-01-28得票数 0
我正在使用vb.net中的MonthCalender控件来选择日期。我能够将选择的日期保存到数据库中，还可以检索和加粗之前选择的日期。但是，即使日期是粗体的，它也不会在表单加载时显示。它仍然突出显示今天的日期。要突出显示以前选择的日期，我该怎么做？另外，我想禁用选择日期范围。
下面是我的代码。
'StartDate is a datetime object
'check if there is any date chosen
If Not IsNothing(StartDate) Then
Me.mcSelectedDate.AddAnnuallyBolded
浏览 1提问于2010-04-20得票数 0
回答已采纳
1回答
我正在做FullcalendarJS，当我在一个星期的视图中选择日期/时间时，我想要一个更深的颜色
正如您可以从上面的图像中看到，当我选择一个日期范围，突出显示不是那么可见，我希望它是可见的，就像今天突出显示的蓝色。
我试图更改select事件属性上的css，但只有在选择之后才会更改。
这是我的密码：
$('.calendar').fullCalendar({
header : {
left: 'prev,next today',
center: 'title',
right:
浏览 0提问于2018-01-22得票数 2
回答已采纳
我正在使用android原生datePicker来选择日期。当我以对话框形式打开datePicker时，我传递了之前选择的日期(通过使用updateDate()方法)。它给我显示了那个日期。现在，我希望无论选择哪个日期，今天的日期都是突出显示的(例如，当前日期将是红色的，选中的日期将突出显示)。有没有可能在不扩展DatePicker类的情况下实现这一点？如果是，你能写一些提示吗？
谢谢你，提前谢谢。
浏览 0提问于2016-10-26得票数 0
如果F列中的日期等于今天的日期，我如何在表中突出显示一行。
请注意，可以一次点亮多行。
浏览 4提问于2014-03-12得票数 22
回答已采纳
1回答
我想在UI上突出显示today -启动日期选择器。在UI-Bootstrap演示页面上，Datepicker示例显示了当前日期的不同CSS类：
我似乎无法让今天与所选的一天分开突出显示。我在这里做了一个柱塞，
浏览 2提问于2014-06-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
