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>
           

簡單提示對話框：