前言
1.key worlds : layui-laydate
2.纯前端js独立框架
3.更多功能见:https://www.layui.com/doc/modules/laydate.html
npm 安装
npm install -g layui-laydate
npm install --save layui-laydate
npm install --save-dev layui-laydate
链接: api:https://www.layui.com/laydate/
demo
//日期范围
laydate.render({
elem: '#rangeDef'
,range: true
,type: 'month'//year,month,time,datetime
});
//format自定义日期格式
laydate.render({
elem: '#format'
,type: 'month'
,range: '~'
,format: 'yyyy年MM日'//yyyy-MM,MM/yyyy,dd/MM/yyyy/yyyy年MM月dd日/yyyy年M月d日H时m分s秒(在此处报错)
});
//自定义重要日
laydate.render({
elem: '#mark'
,mark: {
'0-10-14': '生日'
,'0-12-31': '跨年' //每年的日期
,'0-0-8': '工资' //每月某天
,'0-0-15': '月中'
,'2017-8-15': '' //如果为空字符,则默认显示数字+徽章
}
,done: function(value, date){
if(date.year === 2018 && date.month === 12 && date.date === 8){ //点击2017年8月15日,弹出提示语
alert('这一天是:发工资的日子!');
}
}
});