مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

alibahman47

عضویت از 1395/11/13

معرفی یک تایمبر معکوس دیجیتالی برای نمایش تاریخ انقضای فروش یک محصول

  • پنجشنبه 2 شهریور 1396
  • 15:40
تشکر میکنم

درود به دوستان گرامی ,

در بخشی از سایت لیستی از محصولات تخفیف خورده را بصورت اسلایدر نمایش میدهیم ,

تاریخ انقضای فروش در یک فیلد بصورت DateTime موجود است - البته این رو بگم که تاریخ انقضا ممکنه حداکثر تا ده روز دیگه هم باشه(نمایش روز در تایمر مهمه).

حالا میخوام در پایین هر تصویر محصول  , تاریخ انقضا رو بصورت یک "تایمر دیجیتالی"  نشون بدم ,

کد پارشیال ویو :

یه همچین تایمری فکر کنم مناسبه :

 --  لطفا یک "تایمر دیجیتالی"  که ماه و روز و ساعت و دقیقه و ثانیه رو لحاظ کنه معرفی کنید ؟

    سایز تایمر باید اونقدری باشه که در زیر هر تصویر هر محصول جا بشه ! و تصویر یا رنگ بکگروندی نداشته باشه !

--  و لطفا بگید به چه شکل میشه تایمر رو اضافه کرد ؟ باید تاریخ انقضا رو در یک Label نشون بدم و بعد مثل اضافه کردن Editor متن , کد جی کوری رو بهش اضافه کنم یا تفاوت داره ؟

پاسخ های این پرسش

تعداد پاسخ ها : 9 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • پنجشنبه 2 شهریور 1396
  • 16:01
کاربر سایت

alibahman47

عضویت از 1395/11/13

  • پنجشنبه 2 شهریور 1396
  • 17:43

ممنون استاد مدائنی ,  این مورد تاریخ رو بصورت دستی در کدهای جی کوری <Script> دریافت میکنه !

من یک حلقه Foreach دارم که محصولات داخل اسلایدر رو نشون میده

, درون این حلقه کد ها من به چه شکل برای هر کدام یک تایمبر رو نشون بدم ؟ این تاریخ فیلدی از دیتابیس خواهد بود.

میخوام بجای هر کدوم از تاریخ ها یه تایمر معکوس نمایش بده .

کاربر سایت

alibahman47

عضویت از 1395/11/13

  • پنجشنبه 2 شهریور 1396
  • 17:47

ممنون مهندس علیزاده  بابت موارد پیشنهادی  ,

لطفا اگه وقت دارید شیوه اضافه کردن یکی از موارد پیشنهادی رو که خودتون میدونید بهتره رو شرح بدید ,

کد ها رو هم قرار داردم .

همون طوری که گفتم میخوام یه تامیر معکوس به اندازه کوچیک بجای اون تاریخ انقضا نمایش داده بشه .

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • پنجشنبه 2 شهریور 1396
  • 17:53

داخل حلقه کد های جاوااسکریپ رو بنویسید:


@foreach(){
 // more
    <h6 id="expireddate"></h6>
    <script type="text/javascript">
    
       $("h6 #expireddate")
           .countdown(@Model.ExpiredDate.ToString("d"), function (event) {
               $(this).text(
                   event.strftime(' %D روز %H و %M و %S ')
               );
           });
   </script>
}

کاربر سایت

alibahman47

عضویت از 1395/11/13

  • پنجشنبه 2 شهریور 1396
  • 18:52

ممنون , متاسفانه این مورد ساخت شمارنده معکوس توسط jQuery در MVC برای من جواب نداد.

من از jquery-3.1.1 و bootstrap 3.3.7 برای طراحی ظاهری استفاده کردم , شاید علت همین اختلاف ورژن ها با این Sample بود .

اگه ممکنه یک مورد که بروز تر و با ظاهر مناسب تر باشه  رو شرح بدید.

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • پنجشنبه 2 شهریور 1396
  • 18:55

لینک هایی که قرار داده شده است را برررسی کنید، همه آن ها دارای مستندات و نمونه کد می باشد.

یکی از آن ها را انتخاب کرده و استفاده کنید اگر موقع استفاده به مشکل خوردید مطرح کنید.

کاربر سایت

alibahman47

عضویت از 1395/11/13

  • پنجشنبه 2 شهریور 1396
  • 22:19

این مورد رو تست کردم کار نکرد :

این رو نفهمیدم

{

bower install jquery.countdown

}

کد js رو به پروژه اضافه کردم و این کد رو در View نوشتم :

ظاهر Example ها هم خوب نیست ولی Header سایت قشنگه ولی در کل اصلا کار نکرد - هیچی نشون نمیده - هیچی!

من چیزی رو میخوام که ظاهرش خوب باشه - اگه ظاهر خوب نباشه هیچ ارزشی نداره , (از نظر مشتری - شما که بهتر میدونید , خودتون حرفه ای ترین  های این کارید) .

تو این مورد میتونید کمک کنید

مستندات رو پیش میرم کار نمیده , sample که واسه دانلود گذاشتن در حالت وصل بودن به نت کار میکنه .

اگه تو همین مورد کمک کنید واقعا ممنون میشم  - طوری که بتونم تو Foreach نمایشش بدم .

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • پنجشنبه 2 شهریور 1396
  • 23:06

خب عزیز شما میتونید اون فایل ها رو دانلود کنی از طریق همون لینک وارد یه فایل کنی بعد ازش استفاده کنی.

در foreach یک element یا همان input پنهان رندر کنید و تاریخ انقضا را وارد آن کنید.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)