انتخابگر تاریخ و زمان
مثال و دستورالعمل های استفاده برای انتخابگر تاریخ و زمان برای فرم.
انتخابگر تاریخ
برای فعال کردن انتخابگر تاریخ از کلاس .date-picker، .date-picker-alt در عنصر <input> استفاده کنید.
ما از انتخابگر تاریخ بوت استرپ برای انتخابگر تاریخ استفاده کردیم، در اینجا مستندات کامل را مشاهده می کنید.
روز/ماه/سالروز/ماه/سالروز/ماه/سالروز/ماه/سال
علاوه بر این، می توانید از ویژگی data-date-format="" عنصر <input> برای فرمت تاریخ استفاده کنید.
مثال کد
<div class="form-group">
<label class="form-label">انتخابگر تاریخ</label>
<div class="form-control-wrap">
<input type="text" class="form-control date-picker" placeholder="روز/ماه/سال">
</div>
<div class="form-note">فرمت تاریخ <code>روز/ماه/سال</code></div>
</div>
انتخابگر محدوده تاریخ
از کلاس های .date-picker-range و .input-daterange (باید داشته باشد) در عنصر <div> و دو <input> تگ داخلی .date-picker-range برای فعال کردن انتخابگر محدوده تاریخ استفاده کنید.
مثال کد
<div class="form-group">
<label class="form-label">انتخابگر محدوده تاریخ</label>
<div class="form-control-wrap">
<div class="input-daterange date-picker-range input-group">
<input type="text" class="form-control range-from" placeholder="روز/ماه/سال" />
<div class="input-group-addon">تا</div>
<input type="text" class="form-control range-to" placeholder="روز/ماه/سال" />
</div>
</div>
</div>
انتخابگر زمان
از کلاس .time-picker در عنصر <select> برای فعال کردن انتخابگر زمان استفاده کنید.
ما از انتخابگر زمان بوت استرپ برای انتخابگر زمان استفاده کردیم، شما مستندات کامل را در اینجا مشاهده می کنید.
علاوه بر این، می توانید از ویژگی some_thing_else عنصر <input> استفاده کنید.
مثال کد
<div class="form-group">
<label class="form-label">انتخابگر زمان</label>
<div class="form-control-wrap">
<input type="text" class="form-control time-picker" placeholder="نگهدارنده متن ورودی">
</div>
</div>
