Html 日期选择器，中式YYYY-MM-DD hh:mm - jeDate插件

最新推荐文章于 2023-09-11 18:16:36 发布

Beluga_白鲸

最新推荐文章于 2023-09-11 18:16:36 发布

阅读量2.5k

点赞数 1

分类专栏：【 Web 】文章标签： html日期选择 jeDate js日期选择 jquery日期选择

本文链接：https://blog.csdn.net/u012246458/article/details/85064552

版权

【 Web 】专栏收录该内容

57 篇文章 0 订阅

订阅专栏

需求：

网页使用日期选择格式为YYYY-MM-DD hh:mm，搜索了好多，觉得jeDate插件提供了中式的日期选择。

效果：

方法：

1、引入css和js

<!-- 样式 - 日期选择 -->
<link rel="stylesheet" href="skin/jedate.css" type="text/css">

<!-- 时间控件 -->
<script src="js/jedate.min.js"></script>

css和js可以下载官网的demo，在里面拷贝

2、html代码

<div class="form-group">
                            <label class="col-sm-2 control-label">开始时间</label>
                            <div class="col-sm-10">
                              <input id="startTime" class="form-control" type="text" placeholder="请选择时间"readonly />
                              <div id="dateinfo"></div>
                            </div>
                          </div>

3、点击按钮调用显示日期选择面板

  <!-- 时间控件调用方法 -->
  <script type="text/javascript">
    $(function () {
        //开始时间
        jeDate("#startTime",{
            format:"YYYY-MM-DD hh:mm",
            isTime:false,
            minDate:"2014-09-19 00:00"
        })
    }); 
  </script>