多语言展示
当前在线:641今日阅读:103今日分享:49

使用css和JavaScript制作日历

如果在项目中需要用到日历功能,我们可以利用由css和JavaScript搭建的JS_Calendar来制作自己的日历,这篇教程就详细地介绍了如何使用css和javascript制作日历。
工具/原料
1

JS_Calendar

2

代码编辑器如Notepad++

方法/步骤
1

在DOM中创建一个日历节点。在咱们自己的项目中插入下图所示id='calendar_s'的节点,便可以创建一个日历节点。

2

引入JS_Calendar。从github中引入或直接下载zip,到自己的项目文件夹。

3

引用css样式。在link rel='stylesheet'中引用calendar.css样式。

4

引用js脚本。先在文档底部引用calendar.js脚本,然后在下拉框处编写行内脚本onclick='generateToday(someday)'

5

将用到的资源放在src文件夹。项目中用到的一些img图片、font字体库和一些需要的依赖都需要放在咱们自己项目的src文件夹下,注意,需要在引用这些资源处更改相应路径,否则会报错找不到资源。

注意事项

注意所引用资源文件的路径,如果报错找不到资源,则说明引用路径不正确,需要修改

推荐信息