时间选择器.avi
Posted 阿鸠
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了时间选择器.avi相关的知识,希望对你有一定的参考价值。
由于前端的知识欠缺,所以真的很有必要去学习bootstrap 和 Jquary了
在这里分享一个时间选择器,附上源码 和配置信息,方便在制作表单或者菜单的时候调用。
如果自己不是前端大神的话,我觉得调用别人的东西,还是靠谱一点。
。。。。。。。。。。。。。。。。。。。。。。。
。。。。。。。。。。。。。
。。。。。。
。。。。。
写到这里突然发现博客园没办法分享附件,
好吧,我给个百度云链接。
配置代码:
<script type="text/javascript" src="/static/laydate/laydate.js"></script> <script> // 时间插件 laydate.skin(\'molv\'); var start = { elem: \'#start_at\', format: \'YYYY/MM/DD hh:mm:ss\', //min: laydate.now(-1), //设定最小日期为当前日期 max: \'2099-06-16 23:59:59\', //最大日期 istime: true, // 是否显示时间 festival: true, //是否显示节日 istoday: true, isclear: true, //是否显示清空 choose: function(datas){ end.min = datas; //开始日选好后,重置结束日的最小日期 end.start = datas //将结束日的初始值设定为开始日 } }; var end = { elem: \'#end_at\', format: \'YYYY/MM/DD hh:mm:ss\', //min: laydate.now(), max: \'2099-06-16 23:59:59\', istime: true, // 是否显示时间 festival: true, //是否显示节日 istoday: true, isclear: true, //是否显示清空 choose: function(datas){ start.max = datas; //结束日选好后,重置开始日的最大日期 } }; laydate(start); laydate(end); </script>
效果图片:可以精确到秒哦~
以上是关于时间选择器.avi的主要内容,如果未能解决你的问题,请参考以下文章