最近做项目从网上找了控件,非常简单的,在页面的展示还是很简洁的,记录一下
1.日期插件
Bootstrap日期选择器插件bootstrap-datepicker
使用方法详情看页面
<h3>请选择一个日期:</h3>
<div class="input-group date datepicker">
<input type="text" class="form-control">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th "></span>
</div>
</div>
<script type="text/javascript">
$(function(){
$('.datepicker').datepicker({
language: 'zh-CN'
});
})
</script>
2.可多选预览删除的图片上传插件
<div style="width: 100%;height: 100vh;position: relative;">
<div id="upBox">
<div id="inputBox"><input type="file" title="请选择图片" id="file" multiple="" accept="image/png,image/jpg,image/gif,image/JPEG">点击选择图片</div>
<div id="imgBox"></div>
<button id="btn">上传</button>
</div>
</div>
<script type="text/javascript">
imgUpload({
inputId:'file', //input框id
imgBox:'imgBox', //图片容器id
buttonId:'btn', //提交按钮id
upUrl:'', //提交地址
data:'file1' //参数名
})
</script>