Logo

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


						<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