如果在项目中需要用到日历功能,我们可以利用由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文件夹下,注意,需要在引用这些资源处更改相应路径,否则会报错找不到资源。
注意事项
注意所引用资源文件的路径,如果报错找不到资源,则说明引用路径不正确,需要修改
上一篇:word2013如何做日历
下一篇:使用Word制作精美日历的方法