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