天天看点

JQuery Easy UI 应用总结

一、使用NugGet下载JQuery UI combined

二、调用基本样式和JS

<script src="~/Scripts/jquery-3.3.1.js"></script>
	<link href="~/Scripts/jquery-easyui-1.7.5/themes/default/easyui.css" target="_blank" rel="external nofollow"  rel="stylesheet" />
    <link href="~/Scripts/jquery-easyui-1.7.5/themes/icon.css" target="_blank" rel="external nofollow"  rel="stylesheet" />
    <script src="~/Scripts/jquery-easyui-1.7.5/locale/easyui-lang-zh_CN.js"></script>
    <script src="~/Scripts/jquery-easyui-1.7.5/jquery.easyui.min.js"></script>
           

三、开始使用

日期选择:

<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
        <div style="margin-bottom:20px">
            <input class="easyui-datebox" label="选择日期:" labelPosition="top" style="width:100%;">
        </div>
    </div>
           

简单提示对话框: