WidgetNas

زمان Time

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

زمان درون خطی

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

LTR

RTL


    <div wn-type="time" class="time"</div>

در بالا ساده ترین نوع زمان نمایش داده شده است، نوع فرهنگ از مقادیر پیش فرض و متغییر های wnConfig.cultureInfo گرفته میشود.

اگر میخواهید، نوع فرهنگ را به صورت دستی برای تقویم خود تعیین کنید بایستی در ادامه خصوصیات زیر را اضافه کنید.


    <div wn-type="time" class="time"
     cultureinfo="WNCultureInfo_en_US">
    </div>

در خصوصیت cultureinfo نام یکی از کلاسهای از پیش تعیین شده و یا شخصی سازی شده خود را وارد کنید.

اگر نمیدانید، چه کلاسهایی پیاده سازی شده است، کافیست برای اطلاع بیشتر اینجا را مطالعه کنید.

اعداد قابلیت نمایش به صورت محلی را دارند، مقدار پیش فرض از WNDefaultNativeDigit گرفته میشود، ولیکن شما میتوانید با تعیین خصوصیت nativeDigit = 'true' یا nativeDigit = 'false' این تبدیل را کنترل کنید.

دسترسی به زمان انتخاب شده

تا به اینجا به نحوه نمایش زمان اشاره شده است، حال باید ببینیم چطور میتوانیم به زمان انتخاب شده میتوان دسترسی داشت.

کلاس wntime دارای خصوصیاتی است که خصوصیت Date که از جنس wnDate است، این خصوصیت امکان دسترسی به مدیریت زمان را به شما میدهد. Date تاریخ و زمان است، اگر در هنگام ورودی، مقدار تاریخ دار نیز باشد، فقط مقدارهای ساعت را تغییر میدهد و تاریخ بدون استفاده است.

alert(WN('time-id').wn.Date.toString());

دسترسی داشتن به زمان امکان خوبی است ولی معمولا اضافه کردن کدهای تکراری به صفحه و مدیریت توسط جاوا اسکریپت آنچنان دلچسب نیست. ما برای راحتتر شدن دسترسی و ذخیره تغییرات، خصوصیت value-id را طراحی کردیم، تا زمانیکه تاریخ تغییر کرد، به صورت خودکار، مقدارهای تغییر داده شده به صورت استاندارد ISO درون موضوعات تعیین شده قرار دهد.

بنابر تعریف بالا، شما لازم دارید ابتدا یک ورودی به صورت مخفی یا غیر مخفی داشته باشید، و ID آنرا در هنگام تعریف تعیین کنید. به مثال زیر توجه کنید.

LTR

RTL

بدیهی است، اگر این ورودی ها، در ابتدا مقداری داشته باشند، مقدار پیش فرض تقویم از آنها خوانده خواهد شد.

نمایش زمان انتخاب شده

اگر تمایل دارید، زمان انتخاب شده در فرهنگ تعریف شده نیز در یک ورودی نمایش داده شود و همچنین با تغییر دستی آن ورودی زمان نیز دستخوش تغییر گردد باید خصوصیت display-id را تنظیم کنید.

دقت کنید خصوصیت display-id برای نمایش زمان و value-id مقدار زمان به صورت تاریخ در فرمت Date استاندارد میباشد.

LTR

RTL

اگر تمایل دارید نوع نمایش خروجی با فرمت خاصی باشد، خصوصیت display-format را طبق استانداردهای خروجی تاریخ تعیین کنید.

LTR

RTL

تنظیم ورودی

اگر میخواهید ساعت و دقیقه و ثانیه را از ورودی بگیرید کافیست نوع ورودی را مشخص کنید. برای همین خصوصیت input-format = 'hms' را تنظیم کنید. برای دریافت ساعت عبارت h و دقیقه m و ثانیه عبارت s در متن ورودی باشد.

ترتیب ورود حروف در نوع دریافت ورودی تاثیری ندارد یعنی عبارت hms با shm یک معنی را میدهد.

LTR

RTL

زمان بازشو

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

LTR

RTL

فقط خواندنی و غیر فعال

LTR

RTL