05.LoT.UI 前后台通用框架分解系列之—

LOT.UI分解系列汇总：http://www.cnblogs.com/dunitian/p/4822808.html#lotui

LoT.UI开源地址如下：https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI

先看在LoT.UI里面的应用效果图：

关键代码解析：（https://github.com/dunitian/LoTCodeBase/blob/master/LoTUI/Manager/Demo/datepicker.html）

头部引用CSS:

日期选择器定义

引入Script并初始化

案例代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>datepicker</title><link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"><link href="/open/bootstrap-datepicker/bootstrap-datetimepicker.min.css" rel="stylesheet" /><!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body><div class="col-lg-1"></div><div class="col-lg-3"><div class="input-group"><span class="input-group-addon">时间</span><input type="text" class="form-control lot-time" placeholder="请选择时间..."></div></div><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script><script src="/open/bootstrap-datepicker/bootstrap-datetimepicker.min.js"></script><script src="/open/bootstrap-datepicker/bootstrap-datetimepicker.zh-CN.js"></script><script type="text/javascript">//时间控件$(function () {$('.lot-time').datetimepicker({format: "yyyy-mm-dd hh:ii",todayBtn: "linked",language: "zh-CN",autoclose: true});})</script>
</body>
</html>

推荐组件：https://github.com/smalot/bootstrap-datetimepicker

原有组件：https://github.com/eternicode/bootstrap-datepicker

05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器相关推荐

08.LoT.UI 前后台通用框架分解系列之——多样的Tag选择器
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...
07.LoT.UI 前后台通用框架分解系列之——强大的文本编辑器
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...
03.LoT.UI 前后台通用框架分解系列之——多样的表格
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...
01.LoT.UI 前后台通用框架分解系列之——小图片背景全屏显示（可自动切换背景）...
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/du ...
视频教程-游戏UI界面框架设计系列视频课程-Unity3D
游戏UI界面框架设计系列视频课程二十多年的软件开发与教学经验IT技术布道者,资深软件工程师.具备深厚编程语言经验,在国内上市企业做项目经理.研发经理,熟悉企业大型软件运作管理过程.软件架构设计理论. ...
Android通用框架设计与完整电商APP开发系列文章
作者|傅猿猿责编|Javen205 有福利有福利有福利鸣谢感谢@傅猿猿邀请写此系列文章 Android通用框架设计与完整电商APP开发课程介绍 [[导学视频](http://szv1.m ...
【论文翻译】SHINE 一个用于特定领域实体与异构信息网络链接的通用框架
SHINE 一个用于特定领域实体与异构信息网络链接的通用框架摘要由多种类型的互联对象组成的异构信息网络正变得越来越流行,例如社交媒体网络和书目网络.在异构信息网络中,将从非结构化文本中检测到的命名 ...
SLAM的通用框架：GSLAM
SLAM的通用框架:GSLAM GSLAM: A General SLAM Framework and Benchmark 论文链接: http://openaccess.thecvf.com/con ...
拿transformer做E2E全景分割，这个通用框架霸榜挑战赛，南大、港大联合提出
视学算法报道机器之心编辑部本文中,来自南大.港大.英伟达等机构的研究者提出了一个使用 transformer 进行端到端全景分割的通用框架,不仅为语义分割与实例分割提供了统一的 mask 预测工作 ...
Transformer霸榜全景分割任务，南大、港大提出一种通用框架！
来源:机器之心本文中,来自南大.港大.英伟达等机构的研究者提出了一个使用 transformer 进行端到端全景分割的通用框架,不仅为语义分割与实例分割提供了统一的 mask 预测工作流程,而且使得 ...

05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器

05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器相关推荐

最新文章

热门文章