FileMaker Clockpicker using Bootstrap and jQuery

FileMaker Clockpicker using Bootstrap and jQuery

In this post you will learn how to implement an intuitive web-based FileMaker Clockpicker using Bootstrap and jQuery in a few easy steps. Watch the tutorial and download the demo.

 

The Problem – Entering Time is Cumbersome

As a FileMaker developer and web developer, I often found myself in need of some way for a user to specify a time for some piece of data such as a calendar entry for an appointment or a deadline for a project. Typically this is tediously done with a painstaking entry of all hours and minutes in 15 minute increments or perhaps two separate value lists with hours and minutes. Then there’s the extreme version where you need 12 and 24 hour formats driven off of a table of records.

 

Whichever method you choose, none are very elegant from the developer’s standpoint nor are they very user friendly. I mean, who really wants to scroll through a giant list of times in order to find the correct one? Personally I can’t stand it and I knew there had to be a better way to do this so I began looking for a web based solution that I could easily implement into a FileMaker solution to make this nightmare end.

 

The Solution – The FileMaker Clockpicker

As usual, I landed on a great Bootstrap/jQuery plugin that is simple to setup and super intuitive. This turned out to be the perfect solution to an old problem that had never really gotten much attention so I decided to share this new FileMaker Clockpicker technique with you.

 

In the video below I will show you how to implement this great FileMaker Clockpicker into your own solution in a matter of minutes. A free sample file is included at the end of this post to help you get started.

Watch The Tutorial

Thanks for stoping by to read this post. Feel free to comment on what you think of this technique.

As always, keep pushing the limits of what FileMaker can do!

Best regards,
Aaron Giard

Download the Free Demo File

Fill out the form to receive your free demo file.






Aaron Giard
6 Comments
  • Posted at 11:34 pm, January 12, 2017
  • Posted at 1:36 pm, January 13, 2017
  • Stephan Bansemer
    Reply
    Posted at 11:31 am, January 15, 2017

    Great work, Aaron !

    Thanks for sharing.

  • Some Filemaker guy
    Reply
    Posted at 12:30 am, February 4, 2017

    Great stuff. Unfortunately on the file that you provided, webviewer and popup come up as a big blank white box with no content. Running Filemaker 15 on Windows.

  • Posted at 8:39 pm, February 6, 2017

    What if download link does not come?

Post a Comment

Comment
Name
Email
Website