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>