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

需求:

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

效果:

Html 日期选择器,中式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>