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
15 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?

    • Kyle Williams
      Reply
      Posted at 8:01 pm, January 17, 2018

      The link did not show up for me either…..

      • Kyle Williams
        Reply
        Posted at 8:30 pm, January 17, 2018

        I reloaded the page in Safari and tried again. the link showed up just fine, however the zip file seemed to be corrupted and I was not able to extract it with any of my zip file extraction programs.. I would have really liked to see this in action. If anybody has the fmp12 file and can send it to me, that would be great!

  • Posted at 1:04 pm, January 17, 2018

    Hi. Thanks for sharing. I can´t seem to open your demofile. Seems to be an error in the package. Can you provide a new zip?

      • Guido
        Reply
        Posted at 1:05 pm, January 27, 2018

        Hi Aaron,
        when Do you think you will have the file for FM 16 ready ? I Do want to harass you but I could use this perfectly right now … ;.)
        Best regards
        Guido

          • Guido
            Posted at 3:43 pm, January 30, 2018

            Hi Aaron,
            thanks a lot ! This is perfect.
            all the best!

            Guido

Post a Comment

Comment
Name
Email
Website