در این آموزش نحوه دریافت فاصله بین دو تاریخ با جی کوئری را به شما آموزش می دهم. این روش به شما کمک می کند تفاوت بین دو تاریخ را در سال، ماه، هفته و روز محاسبه کنید. شروع کنیم:
- یک صفحه ایجاد کنید و نام آن را index.html بگذارید
- این کدهای زیر را برای چیدمان طرح انجام دهید.
<!-- bootstrap plugins --> <!-- datetime picker plugins --> .container{ width: 30%; padding: 10px; } .container .row{ padding-bottom: 3px; padding-left: 3px; } .container #output { display: none; background: #428bca; color: #fff; padding: 2px 0 0 2px; font-size: 20px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.099); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.099); }
- کدهای زیر را برای طراحی صفحه انجام دهید.
- یک اسکریپت برای انتخابگر تاریخ ایجاد کنید.
<!-- jQuery plugins --> <!-- datetime picker plugins --> $(function () { $(#from).datetimepicker({ // format: MM, dd, yyyy, format: mm/dd/yyyy, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, }); }); $(function () { $(#from).datetimepicker({ // format: MM, dd, yyyy, format: mm/dd/yyyy, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, }); });
- در نهایت روشی برای بدست آوردن فاصله دو تاریخ ایجاد کنید.
$(document).ready( function(){ if(to== || from==){ output = Please enter the dates!; }else{ output = Date interval between + from + and + to +
In years : + dateInterval.years(d1, d2) +
In months : + dateInterval.months(d1, d2) +
In weeks : + dateInterval.weeks(d1, d2) +
In days : + dateInterval.days(d1, d2) +
; } return output; }); }) })
