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

آموزش Input Type : Date

دوره های مرتبط با این مقاله

نوع ورودی: تاریخ

فیلد تاریخ و زمان به راحتی به شکل های مختلف وب پیدا می شوند. برنامه های نمونه مانند رزرو بلیط، تعیین وقت ملاقات، سفارش پیتزا و غیره.
متداول ترین راه استفاده برای ورودی تاریخ استفاده از چیننده ی تاریخ جاوااسکریپت می باشد. باور می کنید؟ فقط چیننده ی تاریخ جاوااسکریپت گوگل. بیشتر چیننده های تاریخ از یک تقویم استفاده می کنند تا به یوزر اجازه انتخاب تاریخ مورد نظر را داده و آن را در تکست باکس مربوط به تاریخ قرار دهد.
در نگارش تنها مرورگری که کاملا ورودی تاریخ و زمان را پشتیبانی می کند اپرا (v11) و گوگل کروم (v20) می باشند. در HTML5 کار مرورگر این است که به یوزر اطمینان دهد که می تواند تنها یک رشته تاریخ معتبر در تکست باکس ورودی قرار دهد.
انتخاب یک تاریخ از تقویم تنها راه وارد کردن تاریخ نیست، گرچه محبوبترین راه اجرا می باشد. مشخصات HTML5 چیزی در مورد نمایش یک تقویم برای ورودی تاریخ ذکر نکرده است.

Date Time Support
Browsers
IE 9 Beta
Firefox 13
Safari 5
Chrome 20
Opera 11

اگر روی کامپیوتر خود اپرا ورژن 11 و گوگل کروم 20 (و البته ورژن های بالاتر دارید) در مورد چک کردن آن راحت خواهید بود. اگر مرورگری ندارید که آن را پشتیبانی کند، تصویر زیر آن چیزی است که به شما نشان داده خواهد شد.

آموزش Date

با پشتیبانی HTML5 طراح وب برای داده ی پایه ی تاریخ نیازی به دانلود کنترل جاوااسکریپت ندارد. دقیقا آنچه لازم است انجام دهید ‎<input type="date" />‎ می باشد.

<label for="meeting">Meeting Date : </label>
<input id="meeting" type="date" ‎value="2011-01-13" />‎‎

یک بار دیگر HTML5 زندگی مارا ساده تر کرده است. شما فقط داده ی تاریخ وارد نمی کنید، داده های تاریخ و زمان در ارتباط با هم هستند که می توانید با هم وارد کنید. البته از زمانی که شرکت های مرورگر تصمیم گرفتند این استاندارد را اجرا کنند، توپ در زمین آنهاست.
1. تاریخ (‎<input type=”date” />‎)
واضح است که این مرورگر داخلی چیننده ی تاریخ می باشد. شما می توانید تنها یک تاریخ خاص را از تقویم انتخاب کنید.

آموزش Date

2. هفته (‎<input type=”week” />‎)
به جای انتخاب تاریخ می توانید یک هفته را انتخاب کنید. لطفا به شماره هفته در سمت چپ تقویم توجه کنید.

آموزش Date

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

آموزش Date

4. زمان (‎<input type=”time” />‎)
یک چیننده ی زمان برای انتخاب ورودی زمان می باشد.

آموزش Date

5. تاریخ و زمان (‎<input type=”date and time” />)
می توانید تاریخ و زمان را با زمان محلی انتخاب کنید. مقدار در زمان UTC نمایش داده می شود.

آموزش Date

6. زمان و تاریخ محلی (‎<input type=”datetime-local” />)
در مقایسه با زمان UTC مقدار ورودی زمان تاریخ را با زمان محلی نشان می دهد.

آموزش Date

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

Descriptions
Attributes
Value مقدار پیش فرض باکس ورودی می باشد زمانی که در ابتدا بارگذاری می شود. این یک ویژگی متداول برای عنصر <input> ،بدون توجه به نوع مورد استفاده ی شما، می باشد.
value
کمترین تاریخ یا زمان
min
بیشترین تاریخ یا زمان
max
فاکتور مقیاس گام. انواع مختلف ورودی مقدار گام پیش فرض خود را دارد.
§ تاریخ –پیش فرض یک روز می باشد.
§ هفته –پیش فرض یک هفته می باشد.
§ ماه –پیش فرض یک ماه می باشد.
§ تاریخ زمان محلی –پیش فرض همچنین یک دقیقه می باشد.
  • 3250
  •    1592
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

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

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .