jeDate带时分秒的日期控件使用

最新推荐文章于 2019-12-11 22:47:19 发布

lofate

最新推荐文章于 2019-12-11 22:47:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：时间插件

本文链接：https://blog.youkuaiyun.com/fate_sky8521/article/details/90406474

前端专栏收录该内容

29 篇文章

订阅专栏

因项目限时抢购需求，需使用带时分秒的时间插件，选定jeDate。博客记录了该插件的使用步骤，包括JS和样式CSS引入、前端HTML代码编写及调用，最后展示结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因项目需要，限时抢购需要个带时分秒的时间插件，选择了下，敲定为jeDate

下面记录一下使用步骤

JS和样式CSS引入

<link type="text/css" rel="stylesheet" href="test/jeDate-test.css">

<link type="text/css" rel="stylesheet" href="skin/jedate.css">

<script type="text/javascript" src="src/jedate.js"></script>

前端HTML代码：

<input type="text" name="" value="" id="beginTime1" placeholder="请选择开始时间" class="jeinput">
<input type="text" name="" value="" id="endTime1" placeholder="请选择开始时间" class="jeinput">

调用

<script>
    jeDate("#beginTime1",{
        festival:true,
        minDate:"1900-01-01",              //最小日期
        maxDate:"2099-12-31",              //最大日期
        method:{
            choose:function (params) {

            }
        },
        format: "YYYY-MM-DD hh:mm:ss"
    });
    jeDate("#endTime1",{
        festival:true,
        minDate:"1900-01-01",              //最小日期
        maxDate:"2099-12-31",              //最大日期
        method:{
            choose:function (params) {

            }
        },
        format: "YYYY-MM-DD hh:mm:ss"
    });
</script>

结果展示