AngularJS 日期时间选择组件(附详细使用方法)
16lz
2021-01-22
插件简介
AngularJS是一款目前非常火的JavaScript脚本库,应用范围十分广阔。今天给大家分享一款基于AngularJS和jQuery的日期时间选择组件,和别的日期选择插件一样,它同样支持年月日的快速定位。另外这款AngularJS日期选择组件还支持时间的选择,精确到秒。
1.在你的项目引入wui.css或wui.min.css,以及font图标文件(与wui.css文件同级)
<link rel="stylesheet" type="text/css" href="css/wui.min.css">
2.在你的项目引入wui-date.js或wui-date.min.js,依赖angular.js
<script type="text/javascript" src="js/angular.js" charset="utf-8"></script><script type="text/javascript" src="js/wui-date.js" charset="utf-8"></script>
3.在你的项目引入wuiDate依赖
var app = angular.module('app',["wui.date"]);
4.在页面使用wui-date组件
<wui-date format="yyyy-mm-dd hh:mm:ss" placeholder="请选择或输入日期" id="date4" btns="{'ok':'确定','now':'此刻'}" ng-model="date4"></wui-date>
插件预览
插件下载
在线演示链接:
https://www.html5tricks.com/demo/angularjs-datetime-picker/index.html
插件下载链接:
https://www.html5tricks.com/download/angularjs-datetime-picker.rar
解压密码:RJ4587
©著作权归作者所有:来自51CTO博客作者mb5ff5930cde1cd的原创作品,如需转载,请注明出处,否则将追究法律责任更多相关文章
- Bong!5 款超牛逼的 Jupyter Notebook 插件!
- SPI 机制-插件化扩展功能
- 死磕18个Java8日期处理,工作必用!赶紧收藏起来!
- 8 个给前端的顶级 VS Code 扩展插件 [每日前端夜话0x33]
- Excel函数(4)日期、文本函数
- jupyter平台最强插件没有之一
- 用了这个jupyter插件,我已经半个月没打开过excel了
- 答应我,用了这个jupyter插件,别再重复造轮子了
- 好用到飞起的12个jupyter lab插件