1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html时间选择器时分秒 原生js日历日期控件带时分秒日期选择器

html时间选择器时分秒 原生js日历日期控件带时分秒日期选择器

时间:2022-01-29 17:05:58

相关推荐

html时间选择器时分秒 原生js日历日期控件带时分秒日期选择器

特效描述:原生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代表后天,以此类推

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。