نمایش تاریخ شمسی با جاوااسکریپت برای صفحات ایستا و وبلاگ

اسکریپت کوچکی برای یکی از دوستان آماده کردم که تاریخ شمسی امروز را در سایت‌های ایستا و وبلاگ به نمایش در می‌آورد
روش استفاده از این کد بسیار آسان است.

ارجاعی به فایل اسکریپت «pdate.min.js» در سرآمد سایت یا وبلاگ خود قرار دهید:

<script type="text/javascript" src="pdate.min.js"></script>

یک عنصر div یا span یا هر عنصر دیگر با یک شناسه‌ی منحصر به فرد ایجاد کنید.

<span id="pdate1">تاریخ شمسی اینجا نمایش داده می‌شود</span>

در انتهای فایل به ازای هر فیلد تاریخ دستور زیر را با شناسه‌ی وارد شده برای عنصر بنویسید:

<script type="text/javascript">
	AMIB.showPDate( 'pdate1' );
</script>

اسکریپت به صورت خودکار هر ۶۰ ثانیه یک‌بار تاریخ جدید را در فیلد نشان می‌دهد.
برای دریافت اسکریپت به همراه مثال اینجا کلیک کنید

این نوشته در برنامه‌نویسی, جاوااسکریپت ارسال شده است. افزودن پیوند یکتا به علاقه‌مندی‌ها.

۲۲ دیدگاه برای نمایش تاریخ شمسی با جاوااسکریپت برای صفحات ایستا و وبلاگ

  1. آرش می‌گوید:

    سلام

    خوشم اومد . دستت درد نکنه .

    پیروز و سربلند باشید

  2. omid می‌گوید:

    سلام
    بابت کارتون از شما تشکر میکنم
    من فقط یه مشکل دارم اونم اینه که من از اون میخوام در داخل update panel مربوط به asp.net ajax استفاده کنم درست کار میکنه ولی اگر یک post back اتفاق بیفته تبدیل به تکست باکس معمولی میشه واز کار میفته
    ممنون میشم اگه راهنمایی بفرمایید
    البته کارتون واقعا درسته

    • امیرمسعود ایرانی می‌گوید:

      سلام

      بنده با ASP.NET آشنایی ندارم. هر چه هست برای تبدیل شدن یک فیلد متنی به فیلد تاریخ، لازم است تا اسکریپت مورد نظر اجرا شود
      اینکه بعد از Post Back چه اتفاقی می‌افتد و چگونه باید در آن مرحله نیز اسکریپت را اجرا کنید، نیاز به اطلاعات در مورد دات نت دارد

  3. حقیقت می‌گوید:

    سلام با تشکر بنده کپی رایتو حذف کردم با اجازتون برای یکی از کارهام استفاده کردم اگر رضایت نداشتین میل بدین با تشکر

  4. افشین می‌گوید:

    با سلام و تشکر
    خواستم سوال کنم که مثالهایی که شما نوشتین برای تگ span می باشد.
    من می خوام یک input از نوع text را با مقدار تاریخ پر کنم، یعنی تاریخ در value قرار بگیره آیا امکانش هست؟؟؟

  5. صمد می‌گوید:

    سلام، خسته نباشید، من می‌خوام تاریخ رو توی یه فیلد قرار بدم، id، input رو قرار می‌دم، جواب نمی‌ده، راهش چیه؟

    ممنون

    • امیرمسعود ایرانی می‌گوید:

      سلام

      لطفا توضیحات رو با دقت مطالعه کنید و به مثال‌های همراه بسته هم توجه کنید
      اگر مشکلتان برطرف نشد، لطفا کد خودتون رو به ایمیل من ارسال کنید تا اون رو بررسی کنم
      با تشکر

  6. هادی می‌گوید:

    با سلام

    ضمن تشکر از مطلب مفیدتان، راستش من خیلی وقته دنبال یک تقویم هستم که در سایتم قرار بدم ولی متاسفانه نه جایی مطلب مناسبی پیدا کردم و نه کسی راهنمایی خوبی به من کرد

    من میخوام در یک صفحه استاتیک (html) یک تاریخ با فرمتی شبیه زیر داشته باشم:

    امروز پنج شنبه ۱۳ تیر ۱۳۹۲ ، ….. میلادی ، …. قمری

    و البته موردی که هست اینه که میخوام تاریخ سرور نمایش داده بشه و نه تاریخ سیستم کاربر و هم اینکه میخوام تمام مواردش روی هاست خودم باشه و به سایت دیگه وابسته نباشه

    من فرم php این رو تونستم انجام بدم و یک نفر در جایی گفت میشه php رو تبدیل به js کنید و استفاده کنید و البته اینم بگم که زیاد با برنامه نویسی وب آشنایی ندارم، آیا شما راهی یا کدی سراغ دارید که بتونه این کار رو انجام بده؟

    ببخشید مطلب طولانی شد
    با سپاس فراوان

    • امیرمسعود ایرانی می‌گوید:

      با سلام

      برای قرار دادن تاریخ امروز سرور باید از کد php استفاده کنید
      به مقداری هم برنامه‌نویسی نیاز دارید تا تاریخ را با فرمت مناسب و در محل مناسب و شکل مناسب به نمایش درآورید
      برای تبدیل تاریخ سرور به تاریخ فارسی از نمونه‌ای که در صفحه‌ی زیر است می‌توانید استفاده کنید
      http://amib.ir/old2/?goto=programming

  7. hasan می‌گوید:

    با سلام
    من از کد شما استفاده کردم .با تشکر فراوان بابت زحمتی که کشیدید :) .
    فقط یه مشکلی ! من می خوام این تاریخ رو به صورت متغیر date به کد php پاس بدم که به عنوان تاریخ ثبت نام کاربر اونو تو پایگاه داده ذخیره کنه … ولی وقتی به تگ span ای که تاریخ رو نشون میده ، name میدم ، نمی تونم با $_POST['name'] اونو دریافت کنم .

    ممنون میشم راهنماییم کنید

    • امیرمسعود ایرانی می‌گوید:

      با سلام
      عنصر span چیزی به سرور ارسال نمی‌کند
      برای در اختیار داشتن تاریخ در سمت سرور، از کدهای سمت سرور استفاده کنید
      استفاده از جاوااسکریپت علاوه بر اینکه امنیت ندارد، منطقی هم نیست

  8. محسن می‌گوید:

    سلام.
    به لینک بالا که نوشتید رفتم.
    امکانش هست که روز هم نشون بده. به طور مثال : پنچ شنبه ۵ ابان ۱۳۹۳. می خوام روز ( پنج شنبه) رو هم بتونم نشون بدم. راهکاری داره.

  9. مهسا می‌گوید:

    مرسی خیلی بدرد بخور بود.

  10. احمد می‌گوید:

    سلام
    ممنون از اسکریپت مفیدتون

  11. محمدحسین می‌گوید:

    با سلام من اسکریپت شما استفاده کرده بسیار خوب می باشد. سوال من اینجاست برای نمایش تاریخ به صورت:
    شنبه ۲ اسفند ۱۳۹۰ چکار باید کرد؟

  12. هادی می‌گوید:

    سلام مهندس، پیدا کردن کدی که شما زحمتشو کشیدید عین معجزه بود برا من، موفق هستید موفق تر باشید!

  13. من جلالم نیم از عالم خاک می‌گوید:

    با سلام و سپاس فراوان… دم شما گرم

پاسخ دادن به hasan لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>