dateTime.min.js jquery时间日期选择插件-BFW插件库

dateTime.min.js jquery时间日期选择插件

dateTime.min.js jquery时间日期选择插件，支持时分秒时间选择效果代码。3种实例：请选择日期、请选择时间、请选择日期和时间等。

使用方式：

第一步引入bfwone 加载依赖项jquery

第二步use插件及css

配置参数

type: "date",//类型，分为date，time，datetime 日期、时刻、时间
value: [2019, 9, 31],//默认值
success: function(res) {//选择成功回调
console.log(res)
}

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["dateTime.min", "dateTime"], function() {
                $("#date").datetime({
                    type: "date",
                    value: [2019, 9, 31],
                    success: function(res) {
                        console.log(res)
                    }
                })

                $("#time").datetime({
                    type: "time",
                    value: [12, 28]
                })

                $("#datetime").datetime({
                    type: "datetime",
                    value: [2019, 7, 15, 15, 30]
                })
            });
        });
    </script>
</head>
<body>
    <div class="mycontainer">
        <input type="text" placeholder="请选择日期" id="date">
        <input type="text" placeholder="请选择时间" id="time">
        <input type="text" placeholder="请选择日期和时间" id="datetime">
    </div>
</body>
</html>

dateTime.min.js jquery时间日期选择插件

网友评论0

colpick.js

jcdate.js

laydate.js

PCASClass.js

distpicker.js

mPicker.js

calendar.js

jquery.range.js

Mdate.js

dateRange.js