Time only Picker: close! with <input id="time" type="time"> field.

[roattw]

Id like to get a Time Picker (like the calendar date field picker but with just time).  Caspio refers me to: Separate-input-fields-for-datetime-parts

Possible solution but kind of honorous. 

I stumbled upon the newer HTML5 option:  <input id="time" type="time">.  Placed in an HTML box this provides exactly what I/we need - 

<input id="time" type="time">

How can I pass whatever is in this input field to a field in my datapage and/or database?  Seems way easier than the proposed caspio method.

[Aether]

Hello @roattw,

I suggest for you to use "Separate Input fields for your time part", which is easy to do and it has a documentation in Caspio's Help center.
Check this out: https://howto.caspio.com/tech-tips-and-articles/common-customizations/separate-input-fields-for-datetime-parts

If you just want the time, don't include the date part in the documentation and use text field instead of Date/time field.

I hope this helps  

[Kurumi]

Hi everyone - Just wanted to share this solution. If you want to save and select Date and Time in (1) Text Field instead of separating them into different fields. You may use an external JS library called flatpickr: https://flatpickr.js.org/getting-started/ 

To know more, you can check the post here: 

 

[Kurumi]

Hi - Just to add, here's a new post to disable the dates in a custom calendar date picker: 

[Kurumi]

Hi - For Time only fields, you can check this new forum post: 

 

[Kurumi]

Hi! Caspio now offers integration with OpenAI, so you can use extensions to leverage AI to update your data based on a prompt. Here's a sample use case to get the time only based on the provided Date/Time field.

Request:
Get the time in "[@field:Date_Submitted]" and change it to 12-hr time.
Determine if it is AM or PM.
Return only the final result in the format of:
HH:MM AM or PM

Result:

Change the 'Date_Submitted' field to your right field name.

To learn more about Extensions, you can check it here: https://howto.caspio.com/integration/extensions/