一、前言
关于日期插件,大家平时用的都不少,但大多数都是ui框架自带的,或者说样式不太好看的插件。博主最近发现了一个很不错的日期插件,能满足绝大多数需求,看着也顺眼,这边分享一下。
二、日期插件
1、插件展示
插件的用法极其简单,直接引入css和js文件既可。也可以用npm安装,很不错的了。
2、插件的作者相关链接
zaneData是一个完全由原生javascript封装的PC端日历插件,不依赖任何第三方插件,功能全面,使用简单.
作者的博客描述的已经很清晰了,大家看着就能很快上手。我这边记录分享一下,另外也是怕以后更新成我不认识的样子,所以通过百度云盘保存下,简简单单使用即可~
链接: https://pan.baidu.com/s/1zr0f83crYlxJZF3ioSLaag 密码: xegp
//解压,dist目录下的css和js引入到项目中即可
end
======18年 9 月27日补充=
需求是获取到的时间格式是:
2018-09-27
但实际上获取到的时间却是:
2018/09/27
我这边根据作者的文档修改了一下配置:
zaneDate({
elem:'#zane-calendar',
/* begintime:now,*/
format:'yyyy-MM-dd',
showtime:false
});
//已经修改 format,但是没起作用,奇怪
最后:
用正则替换成我们需要的时间格式,如下:
//unfreeze_time 是我们获取到的时间,例如:2018/09/27
unfreeze_time = unfreeze_time.replace(/\//g, "\-");
//替换之后的结果为 :2018-09-27