CSS+JS,在div中显示当前时间和星期

CSS+JS,在div中显示当前时间和星期,第1张

<!DOCTYPE html>

<html>

<head>

<script src=";

实现效果这样?:

今天是2018/6/12 下午1:33:05 星期

1、使用Calendar类\x0d\/\x0d\ 获取当前日期是星期几

\x0d\\x0d\ @param dt\x0d\ @return 当前日期是星期几\x0d\/\x0d\public static String getWeekOfDate(Date dt) {\x0d\String[] weekDays = {"星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"};\x0d\Calendar cal = CalendargetInstance();\x0d\calsetTime(dt);\x0d\int w = calget(CalendarDAY_OF_WEEK) - 1;\x0d\if (w 回答于 2022-11-16

在上网的时候,经常会在一些网页上看到当前的日期,如“今天是×年×月×日星期×”等字样。为了显示系统当前的日期,一般采用脚本语言VBScript或javascript,两种语言有其各自的特点,特别在网页教学中,通过这两种语言的运用和对比,能达到较好的教学效果,现分别介绍它们的设计过程。

一、采用VBScript脚本语言

用VBScript脚本语言来显示系统当前的日期,通常使用其内部提供的日期和时间函数:

Date——返回系统日期

Weekday(x)——返回日期x是星期几

Year(x)——返回日期x的年份

Month(x)——返回日期x的月份

Day(x)——返回日期x的日期

二、采用javascript脚本语言

用javascript脚本语言来显示系统当前的日期,通常使用其内部提供的Date对象,该对象可以用来处理有关日期和时间的 *** 作。利用Date对象中以下几个方法来显示日期:

getDate()——获得当前的日期

getDay()——获得当前的星期

getMonth()——获得当前的月份

getYear()——获得当前的年份

设计时进入HTML编辑方式,在需要显示日期的位置插入如下代码:

以上两种方法都能显示系统当前的日期,它们各具特色,各有所长。很显然,VBScript和javascript脚本语言在格式上有明显的差别,初学者很容易将它们混淆,造成程序在格式上的严重错误。

应为要有交互,选择了Js来实现,也算是

结对编程

的初试吧。

我将显示部分用html

写好,点击的按钮触发事件函数是check();

复制代码

代码如下:

function

onCheck(){

var

Year

=

documentgetElementById("year")value;

//获取文本框的“年”

var

theYear

=Year

1;

//转换为number类型

//alert(theYear);

//

获取月值

var

month

=

documentgetElementById("month");

var

index1=monthselectedIndex;

var

theMonth

=

monthoptions[index1]value;

//获取月值

var

day

=

documentgetElementById("day");

var

index2=dayselectedIndex;

var

theDay

=

dayoptions[index2]value;

//

输入值判断部分

//调用核心函数

days(theYear,theMonth,theDay);

}

function dayList(len){

    var d = '日一二三四五六';

    var sDay = new Date()getDay();

    var result = [];

    var i = 0;

    while(i<len){

        var tmp = sDay+i ;

        if(!((sDay+i) <7)){

            tmp = (sDay+i)%7

        }

        resultpush('周'+dcharAt(tmp));

        i++;

    }

    return result;

}

consolelog(dayList(17));

可以从 DayOfWeek 或 DayOfWeek 属性中获取用于指示与某个特定日期相对应的星期几的枚举值。 与此不同的是,检索星期几名称是一项格式化 *** 作,可通过调用格式化方法来执行,例如日期和时间值的 ToString 方法或 StringFormat 方法。 本主题演示如何执行这些格式化 *** 作。 从特定日期中提取指示星期几的数字 如果要使用日期的字符串表示形式,请使用静态 DateTimeParse 或 DateTimeOffsetParse 方法将其转换为 DateTime 或 DateTimeOffset 值。 使用 DateTimeDayOfWeek 或 DateTimeOffsetDayOfWeek 属性检索指示星期几的 DayOfWeek 值。 如有必要,可将 DayOfWeek 值强制转换(在 C# 中)或转换(在 Visual Basic 中)为整数。 下面的示例将显示一个整数,用于表示日期字符串表示形式中的星期几。 Dim dateValue As Date = #6/11/2008# ConsoleWriteLine(dateValueDayOfWeek) ' Displays 3 DateTime dateValue = new DateTime(2008, 6, 11); ConsoleWriteLine((int) dateValueDayOfWeek); // Displays 3 从特定日期中提取缩写的星期几名称 如果要使用日期的字符串表示形式,请使用静态 DateTimeParse 或 DateTimeOffsetParse 方法将其转换为 DateTime 或 DateTimeOffset 值。 您可以提取当前区域性或特定区域性的缩写的星期几名称: 若要提取当前区域性的缩写的星期几名称,请调用日期和时间值的 DateTimeToString(String) 或 DateTimeOffsetToString(String) 实例方法,并以 format 参数的形式传递字符串“ddd”。 下面的示例阐释对 ToString(String) 方法的调用。 Dim dateValue As Date = #6/11/2008# ConsoleWriteLine(dateValueToString("ddd")) ' Displays Wed DateTime dateValue = new DateTime(2008, 6, 11); ConsoleWriteLine(dateValueToString("ddd")); // Displays Wed 若要提取特定区域性的缩写的星期几名称,请调用日期和时间值的 DateTimeToString(String, IFormatProvider) 或 DateTimeOffsetToString(String, IFormatProvider) 实例方法。 同时以 format 参数形式传递字符串“ddd”, 并以provider 参数的形式传递表示要检索其星期几名称的区域性的 CultureInfo 或 DateTimeFormatInfo 对象。 下面的代码阐释如何使用表示 fr-FR 区域性的 CultureInfo 对象调用 ToString(String, IFormatProvider) 方法。 Dim dateValue As Date = #6/11/2008# ConsoleWriteLine(dateValueToString("ddd", _ New CultureInfo("fr-FR"))) ' Displays mer DateTime dateValue = new DateTime(2008, 6, 11); ConsoleWriteLine(dateValueToString("ddd", new CultureInfo("fr-FR"))); // Displays mer 从特定日期中提取完整的星期几名称 如果要使用日期的字符串表示形式,请使用静态 DateTimeParse 或 DateTimeOffsetParse 方法将其转换为 DateTime 或 DateTimeOffset 值。 您可以提取当前区域性或特定区域性的完整的星期几名称: 若要提取当前区域性的完整的星期几名称,请调用日期和时间值的 DateTimeToString(String) 或 DateTimeOffsetToString(String) 实例方法,并以 format 参数的形式传递字符串“dddd”。 下面的示例阐释对 ToString(String) 方法的调用。 Dim dateValue As Date = #6/11/2008# ConsoleWriteLine(dateValueToString("dddd")) ' Displays Wednesday DateTime dateValue = new DateTime(2008, 6, 11); ConsoleWriteLine(dateValueToString("dddd")); // Displays Wednesday 若要提取特定区域性的星期几名称,请调用日期和时间值的 DateTimeToString(String, IFormatProvider) 或 DateTimeOffsetToString(String, IFormatProvider) 实例方法。 同时以 format 参数的形式传递字符串“dddd”, 并以provider 参数的形式传递表示要检索其星期几名称的区域性的 CultureInfo 或 DateTimeFormatInfo 对象。 下面的代码阐释如何使用表示 es-ES 区域性的 CultureInfo 对象调用 ToString(String, IFormatProvider) 方法。 Dim dateValue As Date = #6/11/2008# ConsoleWriteLine(dateValueToString("dddd", _ New CultureInfo("es-ES"))) ' Displays miércoles DateTime dateValue = new DateTime(2008, 6, 11); ConsoleWriteLine(dateValueToString("dddd", new CultureInfo("es-ES"))); // Displays miércoles 示例 该示例阐释如何调用 DateTimeDayOfWeek 和 DateTimeOffsetDayOfWeek 属性以及 DateTimeToString 和 DateTimeOffsetToString 方法,以检索特定日期中表示星期几的数字、缩写的星期几名称和完整的星期几名称。 Dim dateString As String = "6/11/2007" Dim dateValue As Date Dim dateOffsetValue As DateTimeOffset Try Dim dateTimeFormats As DateTimeFormatInfo ' Convert date representation to a date value dateValue = DateParse(dateString, CultureInfoInvariantCulture) dateOffsetValue = New DateTimeOffset(dateValue, _ TimeZoneInfoLocalGetUtcOffset(dateValue)) ' Convert date representation to a number indicating the day of week ConsoleWriteLine(dateValueDayOfWeek) ConsoleWriteLine(dateOffsetValueDayOfWeek) ' Display abbreviated weekday name using current culture ConsoleWriteLine(dateValueToString("ddd")) ConsoleWriteLine(dateOffsetValueToString("ddd")) ' Display full weekday name using current culture ConsoleWriteLine(dateValueToString("dddd")) ConsoleWriteLine(dateOffsetValueToString("dddd")) ' Display abbreviated weekday name for de-DE culture ConsoleWriteLine(dateValueToString("ddd", New CultureInfo("de-DE"))) ConsoleWriteLine(dateOffsetValueToString("ddd", _ New CultureInfo("de-DE"))) ' Display abbreviated weekday name with de-DE DateTimeFormatInfo object dateTimeFormats = New CultureInfo("de-DE")DateTimeFormat ConsoleWriteLine(dateValueToString("ddd", dateTimeFormats)) ConsoleWriteLine(dateOffsetValueToString("ddd", dateTimeFormats)) ' Display full weekday name for fr-FR culture ConsoleWriteLine(dateValueToString("ddd", New CultureInfo("fr-FR"))) ConsoleWriteLine(dateOffsetValueToString("ddd", _ New CultureInfo("fr-FR"))) ' Display abbreviated weekday name with fr-FR DateTimeFormatInfo object dateTimeFormats = New CultureInfo("fr-FR")DateTimeFormat ConsoleWriteLine(dateValueToString("dddd", dateTimeFormats)) ConsoleWriteLine(dateOffsetValueToString("dddd", dateTimeFormats)) Catch e As FormatException ConsoleWriteLine("Unable to convert {0} to a date", dateString) End Try ' The example displays the following output to the console: ' 1 ' 1 ' Mon ' Mon ' Monday ' Monday ' Mo ' Mo ' Mo ' Mo ' lun ' lun ' lundi ' lundi string dateString = "6/11/2007"; DateTime dateValue; DateTimeOffset dateOffsetValue; try { DateTimeFormatInfo dateTimeFormats; // Convert date representation to a date value dateValue = DateTimeParse(dateString, CultureInfoInvariantCulture); dateOffsetValue = new DateTimeOffset(dateValue, TimeZoneInfoLocalGetUtcOffset(dateValue)); // Convert date representation to a number indicating the day of week ConsoleWriteLine((int) dateValueDayOfWeek); ConsoleWriteLine((int) dateOffsetValueDayOfWeek); // Display abbreviated weekday name using current culture ConsoleWriteLine(dateValueToString("ddd")); ConsoleWriteLine(dateOffsetValueToString("ddd")); // Display full weekday name using current culture ConsoleWriteLine(dateValueToString("dddd")); ConsoleWriteLine(dateOffsetValueToString("dddd")); // Display abbreviated weekday name for de-DE culture ConsoleWriteLine(dateValueToString("ddd", new CultureInfo("de-DE"))); ConsoleWriteLine(dateOffsetValueToString("ddd", new CultureInfo("de-DE"))); // Display abbreviated weekday name with de-DE DateTimeFormatInfo object dateTimeFormats = new CultureInfo("de-DE")DateTimeFormat; ConsoleWriteLine(dateValueToString("ddd", dateTimeFormats)); ConsoleWriteLine(dateOffsetValueToString("ddd", dateTimeFormats)); // Display full weekday name for fr-FR culture ConsoleWriteLine(dateValueToString("ddd", new CultureInfo("fr-FR"))); ConsoleWriteLine(dateOffsetValueToString("ddd", new CultureInfo("fr-FR"))); // Display abbreviated weekday name with fr-FR DateTimeFormatInfo object dateTimeFormats = new CultureInfo("fr-FR")DateTimeFormat; ConsoleWriteLine(dateValueToString("dddd", dateTimeFormats)); ConsoleWriteLine(dateOffsetValueToString("dddd", dateTimeFormats)); } catch (FormatException) { ConsoleWriteLine("Unable to convert {0} to a date", dateString); } // The example displays the following output to the console: // 1 // 1 // Mon // Mon // Monday // Monday // Mo // Mo // Mo // Mo // lun // lun // lundi // lundi 个别语言可能提供与 NET Framework 所提供的功能相同或互为补充的功能。 例如,Visual Basic 就包括这样的两个函数: Weekday,它返回指示特定日期中表示星期几的数字。 此函数将一周中第一天的序数值视为一,而 DateTimeDayOfWeek 属性却将其视为零。 WeekdayName,它返回当前区域性中与特定星期几相对应的周的名称。 下面的示例阐释 Visual Basic Weekday 和WeekdayName 函数的用法。 Dim dateValue As Date = #6/11/2008# ' Get weekday number using Visual Basic Weekday function ConsoleWriteLine(Weekday(dateValue)) ' Displays 4 ' Compare with NET DateTimeDayOfWeek property ConsoleWriteLine(dateValueDayOfWeek) ' Displays 3 ' Get weekday name using Weekday and WeekdayName functions ConsoleWriteLine(WeekdayName(Weekday(dateValue))) ' Displays Wednesday ' Change culture to de-DE Dim originalCulture As CultureInfo = ThreadCurrentThreadCurrentCulture ThreadCurrentThreadCurrentCulture = New CultureInfo("de-DE") ' Get weekday name using Weekday and WeekdayName functions ConsoleWriteLine(WeekdayName(Weekday(dateValue))) ' Displays Donnerstag ' Restore original culture ThreadCurrentThreadCurrentCulture = originalCulture 也可以使用 DateTimeDayOfWeek 属性返回的值检索特定日期的星期几名称。 此过程只需对 DayOfWeek 属性返回的值调用 ToString 方法。 但是,此技术并不生成当前区域性的本地化星期几名称,如下面的示例所示。 ' Change current culture to fr-FR Dim originalCulture As CultureInfo = ThreadCurrentThreadCurrentCulture ThreadCurrentThreadCurrentCulture = New CultureInfo("fr-FR") Dim dateValue As Date = #6/11/2008# ' Display the DayOfWeek string representation ConsoleWriteLine(dateValueDayOfWeekToString()) ' Displays Wednesday ' Restore original current culture ThreadCurrentThreadCurrentCulture = originalCulture // Change current culture to fr-FR CultureInfo originalCulture = ThreadCurrentThreadCurrentCulture; ThreadCurrentThreadCurrentCulture = new CultureInfo("fr-FR"); DateTime dateValue = new DateTime(2008, 6, 11); // Display the DayOfWeek string representation ConsoleWriteLine(dateValueDayOfWeekToString()); // Displays Wednesday // Restore original current culture ThreadCurrentThreadCurrentCulture = originalCulture; 编译代码 这些示例可能需要: 导入下列命名空间: SystemGlobalization 命名空间。 SystemThreading 命名空间,需要在编译 DayOfWeek 示例以及阐释 Weekday 和WeekdayName 函数的 Visual Basic 示例时使用。 这些示例还要求: 将对SystemCoredll 的引用添加到任何添加了代码示例的项目中。 请参见概念 执行格式设置 *** 作 标准日期和时间格式字符串 自定义日期和时间格式字符串

根据你的提问,是选择页面上一个日期,然后判断被选择的日期是星期几么\x0d\如果是:我给出的js如下:\x0d\// js code\x0d\// code描述:\x0d\// year和date好说,就是你页面选择的实际值。这里要注意month,假如你页面选择的为7月,\x0d\// 这里 的month应当为 7-1;因为在js中,表示月份的数值是从 0 到 11 之间的整数(1月至\x0d\// 12 月)。\x0d\// \x0d\// 代码思路:使用页面选择的年月日创建一个Date对象,然后getDay()就是当前日期在一周中\x0d\// 的哪一天\x0d\// \x0d\// 完整代码加测试代码如下,你根据实际需要改动下就OK了。\x0d\var year = 2011, month = 6, date = 23;// month=6表示7月\x0d\var dt = new Date(year, month, date), dt2 = new Date();\x0d\var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];\x0d\alert(weekDay[dtgetDay()]+"\r\n"+weekDay[dt2getDay()]);

以上就是关于CSS+JS,在div中显示当前时间和星期全部的内容,包括:CSS+JS,在div中显示当前时间和星期、java怎样通过日期获取星期几、web前端日期网页显示位置怎么调等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10182382.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-06
下一篇2023-05-06

发表评论

登录后才能评论

评论列表(0条)

    保存