Andrea's Hello world

產生GUID 使用 → sys_guid()
產生現在日期時間 使用 →,sysdate

 [html] part
<td>
    <button type="button" class="btn btn-sm btn-outline-primary" data-id="@Model.ElementAt(i).ID" data-target="#divResult" data-toggle="modal">
         <span class="glyphicon glyphicon-search"></span>
     </button>
</td>

筆記---[轉錄] https://dotblogs.com.tw/joysdw12/2011/01/07/20651
摘要:[CSS] 定義 a:link / a:visited / a:hover / a:active 的順序

    function AlertOKFun(Type) {
    swal({
        title: "設定完成！",
        text: "已設定啟動排程。",
        type: "success",
        allowEscapeKey: false,
        allowOutsideClick: false,
        confirmButtonText: "確認"
    }).then(function (result) {
        if (result.value) {
            try {
                CallbackAlertOKFun(Type); 
            }
            catch (e) { }
        }
    });
}

<script>    
$(function () {          --頁面開始時執行    等於=> $(document).ready()

        $("#QueryForm").submit(function () {  --當QueryForm 送出submit後執行下方程式
            var StartTime = $('#QStart').val();     --取得開始時間
            var EndTime = $('#QEnd').val();        --取得結束時間            
            if (StartTime != "" && EndTime != "") {      --當開始與結束時間皆不為空值
                var dStartTime = new Date(StartTime.replace(/(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})/, "$2/$3/$1 $4:$5"));
                var dEndTime = new Date(EndTime.replace(/(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})/, "$2/$3/$1 $4:$5"));
                if (isNaN(dStartTime) && isNaN(dEndTime)) {JQㄘ
                    if (dEndTime < dStartTime) { --當結束時間大於開始時間
                        AlertWarning("查詢時間錯誤", "請確定結束時間不大於開始時間。", "");      ---這裡使用SweetAlert
                        return false;
                    }
                }
            }
        });

 @using (Ajax.BeginForm("List", "SysLog", null, new AjaxOptions
    {
        HttpMethod = "POST",
        UpdateTargetId = "dvQueryList",
        InsertionMode = InsertionMode.Replace,
        OnBegin = "StartLoading();",
        OnComplete = "StopLoading();",
        OnSuccess = "QueryForm_OnSuccess",
        OnFailure = "QueryForm_OnFailure"
    }, new { @id = "QueryForm" }))
    {
        <div class="row mb-2 form-valign-center">
            <div class="col-xl-1">
                <b>日期</b>:
            </div>
            <div class="col-xl-5">
                <div class="row">
                    <div class="col-xl-5">
                        <input type="text" class="form-control datepicker-here" id="QueryStart" name="QueryStart" aria-describedby="開始" placeholder="請輸入日期">
                    </div>
                    <div class="col-xl-1 text-center">
                        <b>~</b>
                    </div>
                    <div class="col-xl-5">
                        <input type="text" class="form-control datepicker-here" id="QueryEnd" name="QueryEnd" aria-describedby="結束" placeholder="請輸入日期">
                    </div>
                    <div class="col-xl-1"></div>
                </div>
            </div>
            <div class="col-xl-2">
                <b>執行層級</b>:
            </div>
            <div class="col-xl-4">
                @Html.DropDownList("QueryLv", (List<SelectListItem>)ViewBag.LevelList, new { @class = "form-control" })
            </div>
        </div>
        <div class="row mb-2 form-valign-center">
            <div class="col-xl-1">
                <b>公司別</b>:
            </div>
            <div class="col-xl-4">
                <select id="QueryCorp" name="QueryCorp" class="form-control"></select>
            </div>
            <div class="col-xl-1"></div>
            <div class="col-xl-2">
                <b>區域</b>:
            </div>
            <div class="col-xl-4">
                <select id="QueryDep" name="QueryDep" class="form-control"></select>
            </div>
        </div>
        <div class="row mb-2 text-right">
            <div class="col-xl-12 ">
                <button type="submit" id="submit" class="btn btn-primary">查詢</button>
            </div>
        </div>
    }
    <div class="form-margin-top" id="dvQueryList"></div>

此篇文章受密碼保護，請輸入密碼後閱讀。

 
畫面中textarea與標題比例設定為 (col-xl-2):(col-xl-4)