سلام, محسن م

##### بوت استرپ انتخابگر تاریخ و زمان

اقدامات
`بوت استرپ انتخابگر تاریخ و زمان` مؤلفه ای برای رسیدگی به داده های تاریخ و زمان
برای اطلاعات بیشتر مشاهده کنید سایت یا گیت هاب.

### نمونه بوت استرپ انتخاب گر تاریخ و زمان

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه های پایه</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_1" data-target-input="nearest">
    									<input type="text" class="form-control datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_1"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_1" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه دیگر</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_2" data-target-input="nearest">
    									<input type="text" class="form-control datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_2"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_2" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    								<span class="form-text text-muted pt-2">استفاده محلی <a href="https://momentjs.com/">https://momentjs.com/</a></span>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">فقط تاریخ</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group input-group-solid date" id="kt_datetimepicker_3" data-target-input="nearest">
    									<input type="text" class="form-control form-control-solid datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_3"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_3" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">فقط  زمان </label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group input-group-solid date" id="kt_datetimepicker_4" data-target-input="nearest">
    									<input type="text" class="form-control form-control-solid datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_4"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_4" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-clock"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">بدون آیکون</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								 <input type="text" class="form-control form-control-solid datetimepicker-input" id="kt_datetimepicker_5" placeholder="انتخاب تاریخ & time"  data-toggle="datetimepicker" data-target="#kt_datetimepicker_5"/>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">تاریخ فعال و غیرفعال</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_6" data-target-input="nearest">
    									<input type="text" class="form-control datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_6"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_6" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">انتخاب گرهای لینک شده</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="row">
    									<div class="col">
    										<div class="input-group date" id="kt_datetimepicker_7_1" data-target-input="nearest">
    											<input type="text" class="form-control datetimepicker-input" placeholder="تاریخ شروع" data-target="#kt_datetimepicker_7_1"/>
    											<div class="input-group-append" data-target="#kt_datetimepicker_7_1" data-toggle="datetimepicker">
    												<span class="input-group-text">
    													<i class="ki ki-calendar"></i>
    												</span>
    											</div>
    										</div>
    									</div>
    									<div class="col">
    										<div class="input-group date" id="kt_datetimepicker_7_2" data-target-input="nearest">
    											<input type="text" class="form-control datetimepicker-input" placeholder="تاریخ انتها" data-target="#kt_datetimepicker_7_2"/>
    											<div class="input-group-append" data-target="#kt_datetimepicker_7_2" data-toggle="datetimepicker">
    												<span class="input-group-text">
    													<i class="ki ki-calendar"></i>
    												</span>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">خطی</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div id="kt_datetimepicker_8" class="w-300px mb-2"></div>
    								<span class="form-text text-muted">دکمه های روشن امروز را فعال کنید</span>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه مودال</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<a href="#" class="btn font-weight-bold btn-light-primary" data-toggle="modal" data-target="#kt_datetimepicker_modal">راه اندازی نمونه مودال</a>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">پایه نمونه</label>
    							<div class="col-lg-9 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_9" data-target-input="nearest">
    									<input type="text" class="form-control datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_9"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_9" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">انتخابگر تاریخ</label>
    							<div class="col-lg-9 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_10" data-target-input="nearest">
    									<input type="text" class="form-control datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_10"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_10" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">انتخابگر زمان</label>
    							<div class="col-lg-9 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_11" data-target-input="nearest">
    									<input type="text" class="form-control datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_11"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_11" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    								</div>
    							</div>
    						</div>

    						// نسخه ی نمایشی 1
    						دلار('#kt_datetimepicker_1').datetimepicker();

    						// نسخه ی نمایشی 2
    						دلار('#kt_datetimepicker_2').datetimepicker({
    						    locale: 'de'
    						});

    						// نسخه ی نمایشی 3
    						دلار('#kt_datetimepicker_3').datetimepicker({
    						    format: 'L'
    						});

    						// نسخه ی نمایشی 4
    						دلار('#kt_datetimepicker_4').datetimepicker({
    						    format: 'LT'
    						});

    						// نسخه ی نمایشی 5
    						دلار('#kt_datetimepicker_5').datetimepicker();

    						// نسخه ی نمایشی 6
    						دلار('#kt_datetimepicker_6').datetimepicker({
    						    defaultتاریخ: '11/1/2020',
    						    disabledتاریخs: [
    						        moment('12/25/2020'),
    						        new تاریخ(2020, 11 - 1, 21),
    						        '11/22/2022 00:53'
    						    ]
    						});

    						// نسخه ی نمایشی 7
    						دلار('#kt_datetimepicker_7_1').datetimepicker();
    						دلار('#kt_datetimepicker_7_2').datetimepicker({
    						    useفعلی: false
    						});

    						دلار('#kt_datetimepicker_7_1').on('change.datetimepicker', function(e) {
    						    دلار('#kt_datetimepicker_7_2').datetimepicker('minتاریخ', e.date);
    						});
    						دلار('#kt_datetimepicker_7_2').on('change.datetimepicker', function(e) {
    						    دلار('#kt_datetimepicker_7_1').datetimepicker('maxتاریخ', e.date);
    						});

    						// نسخه ی نمایشی 8
    						دلار('#kt_datetimepicker_8').datetimepicker({
    						    inline: true,
    						});

    						// نسخه ی نمایشی 9
    						دلار('#kt_datetimepicker_9').datetimepicker();

    						// نسخه ی نمایشی 10
    						دلار('#kt_datetimepicker_10').datetimepicker({
    						    locale: 'de'
    						});

    						// نسخه ی نمایشی 11
    						دلار('#kt_datetimepicker_11').datetimepicker({
    						    format: 'L'
    						});

نمونه های پایه
نمونه دیگر
استفاده محلی https://momentjs.com/
فقط تاریخ
فقط زمان
بدون آیکون
تاریخ فعال و غیرفعال
انتخاب گرهای لینک شده
خطی
دکمه های روشن امروز را فعال کنید
نمونه مودال
راه اندازی نمونه مودال

##### نمونه بوت استرپ انتخاب گر تاریخ و زمان

پایه نمونه
انتخابگر تاریخ
انتخابگر زمان

### اعتبارسنجی

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">وضعیت معتبر</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_12" data-target-input="nearest">
    									<input type="text" class="form-control is-valid datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_12"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_12" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    									<div class="valid-feedback">
    										موفقیت! شما"ve done it.
    									</div>
    								</div>
    								<span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span>
    							</div>
    						</div>

    						<div class="form-group row">
    							<label class="col-form-label text-right col-lg-3 col-sm-12">Invalid استان</label>
    							<div class="col-lg-4 col-md-9 col-sm-12">
    								<div class="input-group date" id="kt_datetimepicker_12" data-target-input="nearest">
    									<input type="text" class="form-control is-invalid datetimepicker-input" placeholder="انتخاب تاریخ & time" data-target="#kt_datetimepicker_12"/>
    									<div class="input-group-append" data-target="#kt_datetimepicker_12" data-toggle="datetimepicker">
    										<span class="input-group-text">
    											<i class="ki ki-calendar"></i>
    										</span>
    									</div>
    									<div class="invalid-feedback">
    										Sorry, the date is taken. Try another date?
    									</div>
    								</div>
    								<span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span>
    							</div>
    						</div>

    						// نسخه ی نمایشی 12
    						دلار('#kt_datetimepicker_12').datetimepicker();

وضعیت معتبر
موفقیت! شما"ve done it.
می توانید توضیحات راهنما را اینجا قرار دهید.
Invalid استان
Sorry, the date is taken. Try another date?
می توانید توضیحات راهنما را اینجا قرار دهید.

### پروفایل کاربر 12 پیام

محسن برومند
توسعه اپلیکیشن
jm@softplus.com خروج
پروفایل من
تنظیمات اکانت بروزرسانی
پیام های من
صندوق پیام ها و کارها
فعالیت های من
لاگ ها و اعلان ها
کارهای من
اخرین کارها و پروژه ها

##### آخرین اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%

#### سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7

##### پیام های سیستم

نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار

##### اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%
5 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
2 موارد جدید ارسال شد
توسط محمد رضایی
فایل های ایجاد شده
گزارش ها بر اساس فروش
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است
3 هشدارهای دفاعی
هفته گذشته 40٪ هشدار کمتری دارد
میانگین 4 پست وبلاگ برای هر نویسنده
12 بار ارسال شده است
هفته گذشته 16 نویسنده پیوستند
طراح
2 مورد جدید ارسال شده است
توسط محمد رضایی
حجم دانلودها 2 گیگ
مفاهیم بنیادی
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
7 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است

##### مراقبت از مشتری

فعال کردن اعلان ها:
فعال کردن ردیابی:
پرتال پشتیبانی

##### گزارشات

گزارش عمومیات:
فعال سازی خروچی گزارش
اجازه جمع آوری داده ها:

##### اعضا

فعال سازی عضویت اعضا
اجازه نظر دهی
فعال کردن پرتال مشتری
محسن برومند
فعال
محسن برومند 2 ساعت
چقدر احتمال دارید که شرکت ما را توصیه کنید به دوستان و خانواده خود؟
3 دقیقه شما
سلام در آنجا ، ما فقط می نویسیم تا به شما اطلاع دهیم که در مخزن گیت هاب مشترک شده اید.
محسن برومند 40 ثانیه
باشه ، فهمیدم
همین الان شما
برای همه مشکلات اعلان دریافت خواهید کرد ، درخواستها را بکشید!
محسن برومند 40 ثانیه
شما می توانید با کلیک بر روی این مخزن بلافاصله از حالت انتخاب خارج شوید:https://github.com
همین الان شما
آموزش رو دیدم.
محسن برومند 40 ثانیه
بیشترین دوره های تجاری خریداری شده در این فروش!
همین الان شما
شرکت BBQ برای جشن گرفتن دستاوردها و اهداف سه ماهه آخر. غذا و نوشیدنی تهیه شده

#### انتخاب نسخه ی نمایشی

##### نسخه ی نمایشی 1

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 2

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 3

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 4

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 5

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 6

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 7

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 8

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 9

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 10

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 11

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 12

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 13

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 14

به زودی

##### نسخه ی نمایشی 15

به زودی

##### نسخه ی نمایشی 16

به زودی

##### نسخه ی نمایشی 17

به زودی

##### نسخه ی نمایشی 18

به زودی

##### نسخه ی نمایشی 19

به زودی

##### نسخه ی نمایشی 20

به زودی

##### نسخه ی نمایشی 21

به زودی

##### نسخه ی نمایشی 22

به زودی

##### نسخه ی نمایشی 23

به زودی

##### نسخه ی نمایشی 24

به زودی

##### نسخه ی نمایشی 25

به زودی

##### نسخه ی نمایشی 26

به زودی

##### نسخه ی نمایشی 27

به زودی

##### نسخه ی نمایشی 28

به زودی

##### نسخه ی نمایشی 29

به زودی

##### نسخه ی نمایشی 30

به زودی