久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

ASP.NET MVC使用jQuery ui的progressbar實現進度條

瀏覽:161日期:2022-06-08 14:00:00

在電商網站中,有時候通過進度條來直觀地顯示用戶是否到期以及用戶當前的狀態。

設計這樣的一個Model。

    public class User    {public int Id { get; set; } public string Name { get; set; }public int CoopTime { get; set; }public DateTime JoinTime { get; set; }    }

以上,合作時長屬性CoopTime,和加入時間屬性JoinTime是和進度密切相關的2個屬性。

在HomeController中,一個action方法用來顯示界面,一個用來接收來自視圖的GET請求,返回json數據。

public ActionResult Index(){    return View();}public ActionResult GetStatus(){    User user = new User()    {Id = 1,Name = "某某用戶",CoopTime = 1,JoinTime = new DateTime(2014, 3, 20)    };    //判斷合作是否已經到期    int result = DateTime.Compare(DateTime.Now, user.JoinTime.AddYears(user.CoopTime));    if (result <= 0) //當前時間比合作到期時間早,合作未到期    {//計算時間var pastDays = (DateTime.Now.Subtract(user.JoinTime)).TotalDays;var oneYearDays = (user.JoinTime.AddYears(user.CoopTime).Subtract(user.JoinTime)).TotalDays;var pastPercentage = (pastDays / oneYearDays) * 100;var dataSuccess = new { msg = true, p = pastPercentage };return Json(dataSuccess, JsonRequestBehavior.AllowGet);    }    else //當前時間比合作到期時間晚,合作已到期    {var dataFail = new { msg = false, p = 100 }; return Json(dataFail, JsonRequestBehavior.AllowGet);    }}    }

以上,

  • 使用DateTime的靜態方法Compare來比較2個時間,一個是當前時間,另一個是加入時間 + 合作時長,如果結果小于或等于0,就表示沒有過期。
  • 使用DateTime的靜態方法Subtract來給2個時間做減法。

Home/Index.cshtml中,當頁面加載完畢后,向服務端發出一個異步GET請求,把返回的數據顯示到progressbar中。

<head>    <meta name="viewport" content="width=device-width" />    <title>Index</title>    <link href="~/Content/themes/base/jquery-ui.css" rel="external nofollow"  rel="stylesheet" />    <script src="~/Scripts/jquery-1.8.2.min.js"></script>    <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>    <script type="text/javascript">$(function () {        $.getJSON("@Url.Action("GetStatus","Home")", function(data) {if (data.msg == true) {    var temp = parseInt(data.p);    $("#p").progressbar({value: temp    });} else {    $("#message").text("已到期");    $("#p").progressbar({value: parseInt(data.p)    });}    });});    </script></head><body>    <div id="p">           </div>    <div><span id="message"></span>    </div></body>

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對的支持。如果你想了解更多相關內容請查看下面相關鏈接

標簽: ASP.NET
相關文章:
主站蜘蛛池模板: 银川市| 灵石县| 广东省| 廊坊市| 合作市| 定兴县| 仪征市| 扎鲁特旗| 桓台县| 泰州市| 连南| 巴塘县| 赣州市| 凯里市| 城步| 阳信县| 普兰县| 大田县| 南丹县| 鲜城| 农安县| 韶关市| 广水市| 都江堰市| 疏勒县| 建始县| 潢川县| 新田县| 湖口县| 罗田县| 孟州市| 方正县| 故城县| 玛纳斯县| 南和县| 德江县| 阳春市| 广宗县| 佛坪县| 南乐县| 万源市|