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