How to prepare a data picker and a time picker too

Hi David

Hope all is good...

I would love to put a calendar with selecting booking date and time in the app if possible. I want the client to be able to book on a specific date and and time.

Once booked the next client cannot used that same date and time.

Thank you
Kind Regards

Hello Romeo,

We have samples like "DateInput", "Datetime" and "HoursDiff". Take also a look at these other samples: DateDialog.zip and DatePicker.zip. Then tell me if all of these can help you in something and/or if you need any further questions.

Hi David

The datepicker sample is perfect, is there perhaps a way you can enhance it by adding a time-slot into that specific date as well?

Thank you

Hello Romeo,

Hi David

The datepicker sample is perfect, is there perhaps a way you can enhance it by adding a time-slot into that specific date as well?

Thank you

I think that is not possible, sorry. They are a "DatePicker" but not a "TimerPicker". If what you wanted is to ask the user for a time, then probably the best way is to use a couple of number inputs controls. On the other hand, a good thing can be to take a look at the Date related actions. Please, let me know if you have any further questions.

Hi Mr. Esperalta

Very cute datepicker!

I see you used :$rootScope.datePickerIsOpened = true to activate it.
And I cannot find anyplace where you included it into the app?

Seems like it is built into angular?

Can you please direct us to a website if we want to look at more similar goodies hidden away in angular?

Thanks - and keep up the VERY good work!

Hello to all,

Hi Mr. Esperalta

Very cute datepicker!

I see you used :$rootScope.datePickerIsOpened = true to activate it.
And I cannot find anyplace where you included it into the app?

I can't remember if the variable already exists declared in the application, but there is no matter here: we can declare it directly from the Javascript code.

Seems like it is built into angular?

Can you please direct us to a website if we want to look at more similar goodies hidden away in angular?

Thanks - and keep up the VERY good work!

We use stuff from the UI-Bootstrap project.