web 常用插件--时间选择

                                                                                web 常用插件--时间选择

1、插件选择：layer的 laydate ，版本：5.0.9。

2、文件引入：

<link href="./laydate/theme/default/laydate.css" rel="stylesheet"><script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="./laydate/laydate.js"></script>

3、关键代码：

<div class="time">
    <input id="startTime" type="text">
</div>

<script type="text/javascript">
    //执行一个laydate实例
    laydate.render({
        elem: '#startTime',//指定元素
        type: 'datetime',//选择年、月、日、时、分、秒
        theme: '#1fbfdb'//主题颜色
    });
</script>

4、效果：

注：点击选择时间可以选择时分秒。

5、js链接地址：链接：https://pan.baidu.com/s/1nzMknK5oJGar2oaI3P8yXA  提取码：ayho