特效描述:原生js日历日期 时分秒日期选择器。时分秒日期选择
代码结构
1. 引入JS
2. HTML代码
【注意事项】
一、请千万勿移动laydate中的目录结构,它们具有完整的依赖体系。使用时,只需引入laydate/laydate.js即可。
二、如果您的网站的js采用合并或模块加载,您需要打开laydate.js,修改path。
演示二(普通模式)
演示一(日期精确到秒)
演示三(日期范围限制)
开始日:
结束日:
演示四(自定义日期格式)
演示五(日期范围限定在昨天到明天)
演示六(按钮触发日期)
!function(){
laydate.skin('molv');//切换皮肤,请查看skins下面皮肤库
laydate({elem: '#demo'});//绑定元素
}();
//日期范围限制
var start = {
elem: '#start',
format: 'YYYY-MM-DD',
min: laydate.now(), //设定最小日期为当前日期
max: '2099-06-16', //最大日期
istime: true,
istoday: false,
choose: function(datas){
end.min = datas; //开始日选好后,重置结束日的最小日期
end.start = datas //将结束日的初始值设定为开始日
}
};
var end = {
elem: '#end',
format: 'YYYY-MM-DD',
min: laydate.now(),
max: '2099-06-16',
istime: true,
istoday: false,
choose: function(datas){
start.max = datas; //结束日选好后,充值开始日的最大日期
}
};
laydate(start);
laydate(end);
//自定义日期格式
laydate({
elem: '#test1',
format: 'YYYY年MM月DD日',
festival: true, //显示节日
choose: function(datas){ //选择日期完毕的回调
alert('得到:'+datas);
}
});
//日期范围限定在昨天到明天
laydate({
elem: '#hello3',
min: laydate.now(-1), //-1代表昨天,-2代表前天,以此类推
max: laydate.now(+1) //+1代表明天,+2代表后天,以此类推
});