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


						<div class="card card-custom">
							<div class="card-header">
								<h3 class="card-title">
									نمونه انتخابگر تاریخ بوت استرپ
								</h3>
							</div>
							<!--begin::Form-->
							<form class="form">
								<div class="card-body">
									<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" id="kt_daterangepicker_1" readonly placeholder="انتخاب زمان" type="text"/>
										</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' id='kt_daterangepicker_2'>
												<input type='text' class="form-control" readonly  placeholder="انتخاب رنج تاریخ"/>
												<div class="input-group-append">
													<span class="input-group-text"><i class="la la-calendar-check-o"></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" id='kt_daterangepicker_3'>
												<div class="input-group-prepend">
													<span class="input-group-text"><i class="la la-calendar-check-o"></i></span>
												</div>
												<input type="text" class="form-control " placeholder="پست الکترونیک">
											</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' id='kt_daterangepicker_4'>
												<input type='text' class="form-control" readonly  placeholder="انتخاب تاریخ & time range"/>
												<div class="input-group-append">
													<span class="input-group-text"><i class="la la-calendar-check-o"></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' id='kt_daterangepicker_5'>
												<input type='text' class="form-control" readonly  placeholder="انتخاب رنج تاریخ"/>
												<div class="input-group-append">
													<span class="input-group-text"><i class="la la-calendar-check-o"></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' id='kt_daterangepicker_6'>
												<input type='text' class="form-control" readonly  placeholder="انتخاب رنج تاریخ"/>
												<div class="input-group-append">
													<span class="input-group-text"><i class="la la-calendar-check-o"></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">
											<a href="" class="btn btn-light-primary font-weight-bold" data-toggle="modal" data-target="#kt_daterangepicker_modal">مودال انتخابگر تاریخ</a>
										</div>
									</div>
								</div>
								<div class="card-footer">
									<div class="row">
										<div class="col-lg-9 ml-lg-auto">
											<button type="submit" class="btn btn-primary mr-2">ارسال</button>
											<button type="submit" class="btn btn-secondary">لغو</button>
										</div>
									</div>
								</div>
							</form>
							<!--end::Form-->
						</div>
						

						// کلاس definition

						var KTبوت استرپانتخابگر رنج تاریخ = function () {

							// خصوصی functions
							var demos = function () {
								// minimum setup
								دلار('#kt_daterangepicker_1, #kt_daterangepicker_1_modal').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								});

								// input group and left alignment setup
								دلار('#kt_daterangepicker_2').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_2 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});

								دلار('#kt_daterangepicker_2_modal').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_2 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});

								// left alignment setup
								دلار('#kt_daterangepicker_3').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_3 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});

								دلار('#kt_daterangepicker_3_modal').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_3 .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});


								// date & time
								دلار('#kt_daterangepicker_4').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary',

									timePicker: true,
									timePickerIncrement: 30,
									locale: {
										format: 'MM/DD/YYYY h:mm A'
									}
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_4 .form-control').val( start.format('MM/DD/YYYY h:mm A') + ' / ' + end.format('MM/DD/YYYY h:mm A'));
								});

								// date picker
								دلار('#kt_daterangepicker_5').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary',

									singleتاریخPicker: true,
									showدراپ دانs: true,
									locale: {
										format: 'MM/DD/YYYY'
									}
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_5 .form-control').val( start.format('MM/DD/YYYY') + ' / ' + end.format('MM/DD/YYYY'));
								});

								// predefined ranges
								var start = moment().subtract(29, 'days');
								var end = moment();

								دلار('#kt_daterangepicker_6').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary',

									startتاریخ: start,
									endتاریخ: end,
									ranges: {
									'امروز': [moment(), moment()],
									'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
									'Last 7 روزs': [moment().subtract(6, 'days'), moment()],
									'Last 30 روزs': [moment().subtract(29, 'days'), moment()],
									'This ماه': [moment().startOf('month'), moment().endOf('month')],
									'Last ماه': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
									}
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_6 .form-control').val( start.format('MM/DD/YYYY') + ' / ' + end.format('MM/DD/YYYY'));
								});
							}

							return {
								// public functions
								init: function() {
									demos();
								}
							};
						}();

						jQuery(document).ready(function() {
							KTبوت استرپانتخابگر رنج تاریخ.init();
						});
						

اعتبارسنجی


						<div class="card card-custom">
							<div class="card-header">
								<div class="card-title">
									<h3 class="card-title">
										اعتبارسنجی
									</h3>
								</div>
							</div>
							<!--begin::Form-->
							<form class="form">
								<div class="card-body">
									<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' id='kt_daterangepicker_1_validate'>
												<input type='text' class="form-control is-valid" readonly  placeholder="انتخاب رنج تاریخ"/>
												<div class="input-group-append">
													<span class="input-group-text"><i class="la la-calendar-check-o"></i></span>
												</div>
												<div class="valid-feedback">با موفقیت انجام شد</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">هشدار استان</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<div class='input-group' id='kt_daterangepicker_2_validate'>
												<input type='text' class="form-control is-invalid" readonly  placeholder="انتخاب رنج تاریخ"/>
												<div class="input-group-append">
													<span class="input-group-text"><i class="la la-calendar-check-o"></i></span>
												</div>
												<div class="invalid-feedback">متأسفیم ، نام کاربری گرفته شده است. دیگری را امتحان کنید؟</div>
											</div>
											<span class="form-text text-muted">نمونه متنی راهنما که بدون تغییر است.</span>
										</div>
									</div>
								</div>
								<div class="card-footer">
									<div class="row">
										<div class="col-lg-9 ml-lg-auto">
											<button type="submit" class="btn btn-primary mr-2">ارسال</button>
											<button type="submit" class="btn btn-secondary">لغو</button>
										</div>
									</div>
								</div>
							</form>
							<!--end::Form-->
						</div>
						

						// کلاس definition

						var KTبوت استرپانتخابگر رنج تاریخ = function () {

							// خصوصی functions
							var validationنسخه ی نمایشیs = function() {
								// input group and left alignment setup
								دلار('#kt_daterangepicker_1_validate').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_1_validate .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});

								// input group and left alignment setup
								دلار('#kt_daterangepicker_2_validate').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_3_validate .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});

								// input group and left alignment setup
								دلار('#kt_daterangepicker_3_validate').daterangepicker({
									buttonکلاسes: ' btn',
									applyکلاس: 'btn-primary',
									cancelکلاس: 'btn-secondary'
								}, function(start, end, label) {
									دلار('#kt_daterangepicker_3_validate .form-control').val( start.format('YYYY-MM-DD') + ' / ' + end.format('YYYY-MM-DD'));
								});
							}

							return {
								// public functions
								init: function() {
									validationنسخه ی نمایشیs();
								}
							};
						}();

						jQuery(document).ready(function() {
							KTبوت استرپانتخابگر رنج تاریخ.init();
						});
						
با موفقیت انجام شد
نمونه متنی راهنما که بدون تغییر است.
متأسفیم ، نام کاربری گرفته شده است. دیگری را امتحان کنید؟
نمونه متنی راهنما که بدون تغییر است.

اعلان ها 24 جدید

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

آخرین اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
پیام های سیستم
نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار
اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
مراقبت از مشتری
گزارشات
اعضا

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

نسخه ی نمایشی 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