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

需求:

網頁使用日期選擇格式爲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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章