Date&Time-flatpicker Last updated: 2022-10-01

You need to put a strong element that serves your needs in time and date

These elements have been specially made based on flatpicker

Without going into many details, let's talk about the elements through which you can enter data through time and date with complete control in all the cases you want.

The basic elements are

month()
week()
fullDateTime()
fullDate()
fullTime()

We can take one example to apply all the features and advantages to it

fullDateTime()->make('DateTime', 'date'),

 fullDateTime()->make('DateTime', 'date')->modeDates("multiple")// range,multiple,

 fullDateTime()->make('DateTime', 'date')->modeDates("multiple")->conjunction("::")
 // range,multiple,

 fullDateTime()->make('DateTime', 'date')->modeDates("range")// range,multiple,

 fullDateTime()->make('DateTime', 'date')->noCalendar(true) //true,false

 fullDateTime()->make('DateTime', 'date')
				->defaultDate(["2022-09-01", "2022-09-30"]),
				// or
				->defaultDate('2022-09-30'),
				// or
				->defaultDate('2022-09-01','2022-09-30'),  

 fullDateTime()->make('DateTime', 'date')
				->inline(true), //true,false,

fullDateTime()->make('DateTime', 'date')
				->weekNumbers(true), //true,false 

fullDateTime()->make('DateTime', 'date')
				->allowInput(true), //true,false 

 fullDateTime()->make('DateTime', 'date')
				->format('Y/m/d h:i:s'),  

 fullDateTime()->make('DateTime', 'date')
				->maxDate(20) // 14 days from now

 fullDateTime()->make('DateTime', 'date')
				->minDate('today')

 fullDateTime()->make('DateTime', 'date')
				->altInput(true) //true,false

 fullDateTime()->make('DateTime', 'date')
				->enableTime(true) //true,false

 fullDateTime()->make('DateTime', 'date')
				->time_24hr(false) //true,false
				->format('Y-m-d h:i:s')
				->enableTime(true) //true,false

fullDateTime()->make('DateTime', 'date')
->enableDates([
	[
		'from' => '2022-09-01',
		'to' => '2022-09-05',
	],
"2022-09-30",
"2022-09-21",
"2022-09-08"
]) 

 fullDateTime()->make('DateTime', 'date')
->disableDates([
	[
		'from' => '2022-09-01',
		'to' => '2022-09-05',
	],
"2022-09-30",
"2022-09-21",
"2022-09-08"
])

fullDateTime()->make('DateTime', 'date')
->minTime('16:00') 
->maxTime('22:30')  

here all methods

fullDateTime()->make('DateTime', 'date')
->disableDates([
	[
		'from' => '2025-04-01',
		'to'   => '2025-05-01',
	],
	"2025-01-30",
	"2025-02-21",
	"2025-03-08"])
->enableDates([
	[
		'from' => '2025-04-01',
		'to'   => '2025-05-01',
	],
	"2025-01-30",
	"2025-02-21",
	"2025-03-08"])
->modeDates("multiple")// range,multiple
->conjunction("::")//
->noCalendar(false)//true,false
->defaultDate(["2022-09-01", "2022-09-30"])
->inline(false)//true,false
->weekNumbers(false)//true,false
->time_24hr(false)//true,false
->altInput(true)//true,false
->allowInput(false)//true,false
->minTime('16:00')//true,false
->maxTime('22:30')//true,false
->minDate('today')
->maxDate(14)// 14 days from now

 Methods can also be used dynamically to select values, whether they are dates or times from a database or from any other source