首先需要node环境,在控制台下载所需要的框架和插件:
npm install bootstrap@3 //下载bootstrap-3框架
npm install bootstrap-datepicker //下载时间控件(包含年、月、日)
npm install bootstrap-datetimepicker //下载时间控件(包含年、月、日和时间)
注意此控件需要jQuery 1.9以上版本才可以运行
然后头部引入各种所下载来的需要的文件:
然后编写HTml内容:
//对于bootstrap3的问题,如果不加上form-control,则两侧小箭头会丢失.readonly设置为只读
最后是js设置:
$('#datepicker').datepicker({
language:'zh-CN', //语言设置
format:'yyyy-mm-dd', //日期样式设置
autoclose: 1,//选择完日期后,弹出框自动关闭
//还有许多属性什么的可以看api
})
文章图片
【选择年月日的插件】
文章图片
推荐阅读
- starteam|starteam的eclipse插件
- 3D光固化打印机|chitubox micromake L3+ 切片软件配置对应关系
- HttpClient使用SESSIONID模拟用户发送请求
- Java 实体类自动生成get set(IDEA)
- 移动端富文本编辑器
- 如何使用axios获取数据
- 我的博客|Vue.js2.0 入门实例(三)(数据对接)
- node|node插件rimraf
- swiper.js插件实现图片滚动效果