HTML5为了更好地处理今天的互联网应用,添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式处理,和几个api拖放元素,定位,包括网页应用程序缓存,存储,网络工作者等。
HTML5的<canvas>标签可以定义图形,比如图表和其他图像。该标签是基于 JavaScript 的绘图 API。
如想完成这样一个任务,画一个包含时间轴的世界历史年表,如下图所示:
要完成上述任务,便可以使用HTML5+CSS+JS,代码如下:
2024年10月05日
HTML5为了更好地处理今天的互联网应用,添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式处理,和几个api拖放元素,定位,包括网页应用程序缓存,存储,网络工作者等。
HTML5的<canvas>标签可以定义图形,比如图表和其他图像。该标签是基于 JavaScript 的绘图 API。
如想完成这样一个任务,画一个包含时间轴的世界历史年表,如下图所示:
要完成上述任务,便可以使用HTML5+CSS+JS,代码如下:
2024年10月05日
getChineseDate(dateString) {
const date = new Date(dateString);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const chineseNumbers = ["〇", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
const chineseMonthNumbers=["〇", "一", "二", "三", "四", "五", "六", "七", "八", "九","十","十一","十二"];
const chineseDayNumbers = ["〇", "一", "二", "三", "四", "五", "六", "七", "八", "九","十","十一","十二","十三","十四","十五",
"十六","十七","十八","十九","二十","二十一","二十二","二十三","二十四","二十五","二十六","二十七","二十八","二十九","三十","三十一"];
const chineseYear = year.toString().split("").map(char => chineseNumbers[parseInt(char)]).join("");
const chineseMonth = chineseMonthNumbers[month];
const chineseDay = chineseDayNumbers[day];
const chineseDate = `${chineseYear}年${chineseMonth}月${chineseDay}日`;
return chineseDate;
}
},
this.getChineseDate (this.parseDate(new Date()))
2023-2-21 ==> 二〇二三年二月二十一日
2024年10月05日
其运行效果:
获取时间运行效果
<script>
// 获取当前时间:
var a = Date();
document.write("获取当前时间:" + a);
// 将毫秒数变成时间:
var c = new Date(1499313231000);
document.write("<br/>将毫秒数变成时间:" + c);
2024年10月05日
我相信你在各大网站一定见过这样的时间戳展示:
如果你的网站或者博客也想要这样的效果肿么办?自己写?当然可以!可是我是一个又笨又懒的猿,我选择借用下一个强大且骚骚的日期处理类库Moment.js 。它有多骚?客官我马上给您介绍,一会儿你就能闻到!
引入Moment.js 就直接可以使用。使用方法简单到爆。
你问我,我又不需要这么多语言支持你给我截图这么多干什么?其实我只想告诉你看到没支持这么多地区,就问你骚不骚,有没有闻到。除了功能强大外还支持了这么多地区语言还是很有良心和用心的。
2024年10月05日
function yearToDay(time) {
var y = time.getFullYear(),
m = time.getMonth() + 1,
d = time.getDate();
m = m < 10 ? "0" + m : m;
d = d < 10 ? "0" + d : d;
return y + "-" + m + "-" + d;
};
//2022-03-31
2024年10月05日
在JavaScript中,要获取一个日期区间内的所有日期,你可以使用以下步骤:
2024年10月05日
<script language="javascript">
var myDate=new Date();
document.write(myDate.getYear().toString()+"<br>");//获取当前年份(2位)
document.write(myDate.getFullYear().toString()+"<br>");//获取当前完整的年份(4位,1970-????)
2024年10月05日
在日常工作中,我们经常需要处理与日期相关的业务逻辑,比如计算某个事件发生在多少天之前,或是确定某项任务应该在多少个工作日前完成。对于这样的需求,使用JavaScript来处理日期就显得尤为重要。本文将介绍如何利用JavaScript来计算当前时间前N个工作日的具体日期,帮助开发者更好地应对涉及工作日计算的实际问题。
2024年10月05日
<head>
<script type="text/javascript" runat="server">
public string GetDate()
{
return DateTime.Now.ToShortDateString();
}
</script>
</head>
<body>
<div>