مشخصات مقاله
-
3114
-
0.0
-
10298
-
0
-
0
آموزش Input Type : Date
نوع ورودی: تاریخ
فیلد تاریخ و زمان به راحتی به شکل های مختلف وب پیدا می شوند. برنامه های نمونه مانند رزرو بلیط، تعیین وقت ملاقات، سفارش پیتزا و غیره.
متداول ترین راه استفاده برای ورودی تاریخ استفاده از چیننده ی تاریخ جاوااسکریپت می باشد. باور می کنید؟ فقط چیننده ی تاریخ جاوااسکریپت گوگل. بیشتر چیننده های تاریخ از یک تقویم استفاده می کنند تا به یوزر اجازه انتخاب تاریخ مورد نظر را داده و آن را در تکست باکس مربوط به تاریخ قرار دهد.
در نگارش تنها مرورگری که کاملا ورودی تاریخ و زمان را پشتیبانی می کند اپرا (v11) و گوگل کروم (v20) می باشند. در HTML5 کار مرورگر این است که به یوزر اطمینان دهد که می تواند تنها یک رشته تاریخ معتبر در تکست باکس ورودی قرار دهد.
انتخاب یک تاریخ از تقویم تنها راه وارد کردن تاریخ نیست، گرچه محبوبترین راه اجرا می باشد. مشخصات HTML5 چیزی در مورد نمایش یک تقویم برای ورودی تاریخ ذکر نکرده است.
اگر روی کامپیوتر خود اپرا ورژن 11 و گوگل کروم 20 (و البته ورژن های بالاتر دارید) در مورد چک کردن آن راحت خواهید بود. اگر مرورگری ندارید که آن را پشتیبانی کند، تصویر زیر آن چیزی است که به شما نشان داده خواهد شد.
با پشتیبانی HTML5 طراح وب برای داده ی پایه ی تاریخ نیازی به دانلود کنترل جاوااسکریپت ندارد. دقیقا آنچه لازم است انجام دهید <input type="date" /> می باشد.
1 | <label for="meeting">Meeting Date : </label> <input id="meeting" type="date" value="2011-01-13" /> <button></button> |
یک بار دیگر HTML5 زندگی مارا ساده تر کرده است. شما فقط داده ی تاریخ وارد نمی کنید، داده های تاریخ و زمان در ارتباط با هم هستند که می توانید با هم وارد کنید. البته از زمانی که شرکت های مرورگر تصمیم گرفتند این استاندارد را اجرا کنند، توپ در زمین آنهاست.
1. تاریخ (<input type=”date” />)
واضح است که این مرورگر داخلی چیننده ی تاریخ می باشد. شما می توانید تنها یک تاریخ خاص را از تقویم انتخاب کنید.
2. هفته (<input type=”week” />)
به جای انتخاب تاریخ می توانید یک هفته را انتخاب کنید. لطفا به شماره هفته در سمت چپ تقویم توجه کنید.
3. شما حتی می توانید چیننده ی ماه هم داشته باشد. در اینجا تقویمی را مشاهده می کند که به شما اجازه می دهد یک ماه در سال را انتخاب کنید.
4. زمان (<input type=”time” />)
یک چیننده ی زمان برای انتخاب ورودی زمان می باشد.
5. تاریخ و زمان (<input type=”date and time” />)
می توانید تاریخ و زمان را با زمان محلی انتخاب کنید. مقدار در زمان UTC نمایش داده می شود.
6. زمان و تاریخ محلی (<input type=”datetime-local” />)
در مقایسه با زمان UTC مقدار ورودی زمان تاریخ را با زمان محلی نشان می دهد.
اجازه بدهید به ویژگی های مرتبط که احتمالا استفاده می کنیم، نگاهی داشته باشیم.
§ تاریخ –پیش فرض یک روز می باشد.
§ هفته –پیش فرض یک هفته می باشد.
§ ماه –پیش فرض یک ماه می باشد.
§ تاریخ زمان محلی –پیش فرض همچنین یک دقیقه می باشد.