In this example, I will show you how to implement timeago jQuery plugin in a asp.net MVC project. It makes easy automatically updating datetime like 5 minutes or 15 hours ago or 1 day ago etc…
Advantages of timeago jQuery plugin:
Use it in HTML5 standard tags.
· If your web page opened 5 minutes ago, it automatically refreshes time.
· E.g. 5 minutes ago or 15 hours ago etc...
· It uses page caching and is not calculated on server side.
jQuery timeago example:
Download timeago jQuery plugin and reference it.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="~/Scripts/timeago/jquery.timeago.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("time.timeago").timeago();
});
</script>
@Html.Timeago(Model.CreatedOn.Value)
Html Helper class:
Create an html helper class, copy and paste the following code.
public static MvcHtmlString Timeago(this HtmlHelper helper, DateTime dateTime)
{
var tag = new TagBuilder("abbr");
tag.AddCssClass("timeago");
tag.Attributes.Add("title",dateTime.ToString("s"));
tag.SetInnerText(dateTime.ToString());
return MvcHtmlString.Create(tag.ToString());
}
Output:
Post your comments / questions
Recent Article
- How to hide the ID field from the Django admin?
- It is impossible to add a non nullable field without specifying a default. Django error
- ImportError: cannot import name 'url' from 'django.conf.urls' - Django Error
- How to Enable Virtualization in BIOS Security Settings in Intel Processors For Android Studio?
- Dependency 'androidx.activity:activity:1.8.0' requires libraries and applications that depend on it.
- AttributeError: 'NoneType' object has no attribute 'get_text' - Python
- ModuleNotFoundError: No module named 'openpyxl' - Python
- How to get thumbnail from vimeo video URL in Python?
Related Article