Membuat Time Ago Di Asp.Net VB

Membuat Time Ago Di Asp.Net VB

Cara membuat Time Ago ini bisa berlaku untuk label,di gridview,dalam repeater ataupun datalist,saya disini menggunkan bantuan JQuery ,anda bisa menggunakan Librarynya jquery.timeago.js. Sekarang Mari kita mulai 

1. Silakan anda gunakan Jquery Time Ago,anda bisa mengambilnya di alamat berikut :

https://cdnjs.com/libraries/jquery-timeago 

Silakan anda download ataupun mau langsung panggil CDN nya,kalau saya sih di download,dan saya panggil di localhost jadi seperti ini :

<script src="Assets/Mall_Style/js_time_ago/jquery.timeago.js" type="text/javascript"></script>

<script src="Assets/Mall_Style/js_time_ago/test_helpers.js" type="text/javascript"></script>

Setelah itu bikin Function nya berikut ini untuk di terapakan ke Class Label:

 <script type="text/javascript">

    jQuery(document).ready(function($) {

    prepareDynamicDates();

    $("label.timeago").timeago();

    });

</script> 

Class label.timeago itu untuk class yang saya mau convert ke Timeago.

2. Kita Terapakan Ke Label 

Saya disini menerapakan nya ke dalam Gridview Asp.Net yang datanya di ambil dari database ,

<asp:TemplateField HeaderText="Dibuat">

<ItemTemplate>

<label class="timeago" title='<%#Eval("dibuat") %>'></label>

</ItemTemplate>

</asp:TemplateField> 

yang di beri warna merah itu adalah element yang saya panggil dari database seperti yang ada pada gambar header di atas postingan ini ,

jika anda berhasil,maka akan jadi seperti ini :

Sekian Dan Terimakasih.

Semoga Bermanfaat.

Salam Dari +Peci Merah