EasyUI的简单使用-蒲公英云

EasyUI的简单使用

矫情吗；* 2022-08-07 13:46 344阅读 0赞

WebRoot┐  
       ├js┐  
           ├easyUI┐  
             ├themes┐  
             │      ├default┐  
             │      │       ├easyui.css  
             │      ├icon.css  
             ├plugins  
             ├local                 
       ├jquery-1.8.3.js  
       ├jquery.easyui.min.js  
    META-INF  
    WEB-INF  
        lib  
        web.xml

1.EasyUI插件使用的一般步骤
1.导入easyui的css样式

2.导入easyui的图标css样式

3.导入jquery的基本核心文件

4.导入easyui的js文件

===================================================draggable/droppable====================================================
1.draggable和droppable可拖动面板插件的使用
1.创建html

2.创建script

===================================================progressbar====================================================
2.progressbar进度条插件的使用
1.创建html

2.创建script

======================================================datebox和datetimebox=====================================================
3.日期控件datebox和datetimebox插件的使用方法
1.创建html

2.创建script脚本进行格式转换
$(“#datebox”).datebox(
{
required : true,
formatter : function(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var h = new Date().getHours();
var M = new Date().getMinutes();
var s = new Date().getSeconds();
return y + ‘-‘ + (m < 10 ? (‘0’ + m) : m) + ‘-‘

                            + (d < 10 ? ('0' + d) : d) + " "  
                            + (h < 10 ? ("0" + h) : h) + ":"  
                            + (M < 10 ? ("0" + M) : M) + ":"  
                            + (s < 10 ? ("0" + s) : s);  
                \}  
            \});  
    $("\#datetimebox").datetimebox(  
            \{  
                required : true,  
                formatter : function(date) \{  
                    var y = date.getFullYear();  
                    var m = date.getMonth() + 1;  
                    var d = date.getDate();  
                    var h = date.getHours();  
                    var M = date.getMinutes();  
                    var s = date.getSeconds();  
                    return y + '-' + (m < 10 ? ('0' + m) : m) + '-'  
                            + (d < 10 ? ('0' + d) : d) + " "  
                            + (h < 10 ? ("0" + h) : h) + ":"  
                            + (M < 10 ? ("0" + M) : M) + ":"  
                            + (s < 10 ? ("0" + s) : s);  
                \}  
            \});