以下的框架都是自己项目用过的,有需要的,可以直接拿走用!
一、Date
(1)jeDate日期控件 -(原生JS版)
简洁,清新,好配置
Git:https://github.com/singod/jeDate
目前最新版本有一个小bug,今天(2018-09-14)测试的时候测出来的,之前没有注意到,希望用到的朋友可以注意一下
这个问题只有下载下来在本地运行会有,在人家官网上不会出现,不明白为啥。想上传图片,传不了。
bug:单面板 点>(后一个月)操作,不会增加月份,别的正常,这是单个的选择,如果是双面板的不会有这个问题。
(2)datetimepicker
官网:http://www.bootcss.com/p/bootstrap-datetimepicker/
同上,两个都很好用
二、自动填充框架
(1)typeahead
官网:http://twitter.github.io/typeahead.js/
例子:自己项目中用到的例子
/**
* 自动填充
*/
$('#typeahead').typeahead({
minLength: 0,//键入字数多少开始补全
showHintOnFocus: "true",//将显示所有匹配项
fitToElement: true,//选项框宽度与输入框一致
// items: 10,//提示数量上限
source: function (query, process) {
$.ajax({
url: '/users/queryUsersNameAndId',
type: 'post',
data: {name: query},
success: function (result) {
process(result);
},
});
},
updater: function (item) {
return item;//这里一定要return,否则选中不显示,外加调用display的时候null reference错误。
},
displayText: function (item) {
return "" + item.name;//返回字符串
},
afterSelect: function (item) {//选中一条数据后的回调函数,此处可以向隐藏域赋值数据id
$('#typeahead').val(item.name);
vm.entity.userId = item.id;
},
autoSelect: false,
});