diff --git a/assets/css/doc.css b/assets/css/doc.css
index 6c2f1cac490e13bcd8b58cb9a07a996325bc6d97..6326bb875c3e49dfe2d9ce57067bc04fd0a464c9 100644
--- a/assets/css/doc.css
+++ b/assets/css/doc.css
@@ -145,3 +145,13 @@ a[target='_blank']:hover:after {content: '\e684'; opacity: 1; }
{
padding: 0;
}
+
+
+.popover-examples .popover
+{
+ position: relative;
+ display: block;
+ float: left;
+ width: 260px;
+ margin: 20px;
+}
diff --git a/assets/js/doc.js b/assets/js/doc.js
index 24a8724ddd8a8cdadc1d210e2b7f483ab3e8ac08..a5560ee2e9692cddb9d52175a09288b70f4a5970 100644
--- a/assets/js/doc.js
+++ b/assets/js/doc.js
@@ -29,4 +29,81 @@ $(function()
$nav.children('li:not(.nav-heading)').slideUp('fast', function(){$nav.addClass('collapsed')});
}
});
+
+ // Chosen
+ $('.chosen-select').chosen();
+
+ // datetime picker
+ $('.form-datetime').datetimepicker(
+ {
+ weekStart: 1,
+ todayBtn: 1,
+ autoclose: 1,
+ todayHighlight: 1,
+ startView: 2,
+ forceParse: 0,
+ showMeridian: 1,
+ format: 'yyyy-mm-dd hh:ii'
+ });
+ $('.form-date').datetimepicker(
+ {
+ language: 'zh-CN',
+ weekStart: 1,
+ todayBtn: 1,
+ autoclose: 1,
+ todayHighlight: 1,
+ startView: 2,
+ minView: 2,
+ forceParse: 0,
+ format: 'yyyy-mm-dd'
+ });
+ $('.form-time').datetimepicker({
+ language: 'zh-CN',
+ weekStart: 1,
+ todayBtn: 1,
+ autoclose: 1,
+ todayHighlight: 1,
+ startView: 1,
+ minView: 0,
+ maxView: 1,
+ forceParse: 0,
+ format: 'hh:ii'
+ });
+
+ KindEditor.ready(function(K)
+ {
+ K.create('textarea.kindeditor',
+ {
+ allowFileManager : true,
+ bodyClass : 'article-content',
+ cssPath: 'dist/css/zui.css',
+ afterBlur: function(){$('#content').prev('.ke-container').removeClass('focus');},
+ afterFocus: function(){$('#content').prev('.ke-container').addClass('focus');}
+ });
+
+ K.create('textarea.kindeditorSimple',
+ {
+ bodyClass : 'article-content',
+ cssPath: 'dist/css/zui.css',
+ resizeType : 1,
+ allowPreviewEmoticons : false,
+ allowImageUpload : false,
+ items : [
+ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
+ 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
+ 'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
+ afterBlur: function(){$('#contentSimple').prev('.ke-container').removeClass('focus');},
+ afterFocus: function(){$('#contentSimple').prev('.ke-container').addClass('focus');}
+ });
+
+ K.create('textarea.customStyle',
+ {
+ themeType : 'simple',
+ bodyClass : 'article-content',
+ cssPath: 'dist/css/zui.css',
+ afterBlur: function(){$('#contentCustom').prev('.ke-container').removeClass('focus');},
+ afterFocus: function(){$('#contentCustom').prev('.ke-container').addClass('focus');}
+ });
+
+ });
});
diff --git a/example/kindeditor.html b/example/kindeditor.html
index c1861f3cb9e09130d132c160f7f48583c8304ef2..66284a539b97d71b65e3b7ede052970e8366aea4 100644
--- a/example/kindeditor.html
+++ b/example/kindeditor.html
@@ -112,18 +112,17 @@
富文本编辑器Kindeditor
-
- 类型
- 默认模式
-
- 简单模式
-
-
- 变化
- 简单风格
-
-
+ 富文本编辑器Kindeditor
+
+ 类型
+ 默认模式
+
+ 简单模式
+
+
+ 变化
+ 简单风格
+
$('#myModal').on('show.bs.modal', functi'on () { // do something… })
@@ -1357,7 +1355,7 @@ base_url: "./"
日期选择插件可以帮助用户更方便准确的选择日期和时间。
+在ZUI中包含的日期选择控件基于开源项目 DateTime Picker 定制开发。
+ +只允许用户选择一个日期或时间,只需要给input
加上readonly
属性。
输入框组可以添加额外的按钮来操作日期选择插件。
+按钮中的.icon-remove
用来移除输入的日期。.icon-th
,.icon-calendar
,.icon-time
用来激活日期选择框。
Chosen是用来增强单选列表和多选列表的更佳选择。
+