Forum Documentation Showcase Pricing Learn more

🗓 [FREE Plugin] Air Date/Time Picker


#144

Hi @Joseph.o, i just tested at my end and everything is working perfectly.
From the error message it seems something is blocking moment.js (a javascript library) from loading.
Please can you share what other error messages are in your console. Particularly any message in red.


#145

Dear @seanhoots

please fond bellow the errors i get:

ReferenceError: moment is not defined
at eval (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:11844), :6:139)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31401
at T (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:24350)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31357
at Object.Ve.run_without_catching_not_ready (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:27185)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31308
at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:20153)
at e.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:4841)
at t (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:6644)15:24:31Input date-of-bithReferenceError: moment is not defined
at eval (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:11844), :6:139)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31401
at T (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:24350)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31357
at Object.Ve.run_without_catching_not_ready (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:27185)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31308
at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:20153)
at e.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:4841)
at t (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:6644)15:24:26Input date-of-bithReferenceError: moment is not defined
at eval (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:11844), :6:139)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31401
at T (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:24350)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31357
at Object.Ve.run_without_catching_not_ready (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:27185)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31308
at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:20153)
at e.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:4841)
at t (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:6644)15:24:26Input date-of-bithReferenceError: moment is not defined
at eval (eval at p.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:11844), :6:139)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31401
at T (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:24350)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31357
at Object.Ve.run_without_catching_not_ready (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:27185)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31308
at e._run_if_not_destroying (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:20153)
at e.run_me (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:4841)
at new e (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:4110)
at Object.Ve.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:3896)
at e.autorun (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:19966)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31253
at e.wait_for_visible_lite (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:12704)
at Object.D.d.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:100:31091)
at Object.t.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:38:5881)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:23475
at Object.Ve.autorun_top (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:103:5786)
at e.initialize (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:23433)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21827)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at e.draw_children (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:24206)
at e.draw (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:90:21918)
at n.display (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:32:29996)
at c (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:109:10859)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:109:10188
at r (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:3182)
at t.e.fire_turned (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:4095)
at t.turn (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:102:4825)
at HTMLDocument. (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:109:8800)
at j (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:8:29948)
at k (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/e35ffe1cccd595c4fba5274d631ad155994c302f5b7068a89fffedd3680dc61b/xfalse:8:30262)


#146

Do you have any solution because I don’t understand why it’s not working


#147

Have you tried on other browsers and systems. For example have you tried a mobile browser?
As I said earlier the error is saying moment.js which is a javascript library the plugin depends on is not being loaded on your system. It’s hard to tell why it’s not loading on tour system. I’ve tested it on different browsers and systems are my end and everything works. And so far you’re thr only one who is reporting this issue. So it’s not coming from thr plugin but something at your end that is preventing moment.js from loading.


#149

Forget this, just switch manually to the new version and everything is fine. Thanks


#150

@seanhoots

first of all thanks for this amazing plugin!

Do you think you could implemente Italian in it? I would be happy to help with translation, if needed

Ric


#151

Hi @medicalresearchtoolb,
Yes i can include Italian language if you can assist me with the translation.

Will you be able to provide me the translation in exactly the format below. Post it here so that other members
may review it before I include it in the plugin.

Note the dateFormat option should be the default format for specifying dates in Italian, if it’s day first before month it should be dd/mm/yyyy. If you do not prefix a 0 if the day or month is a single digit then use just a d or m, instead of dd or mm.

For the firstDay, Sunday is 0 so if the first day in Italian week is Monday then that value should be 1.
Thanks

    days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
    daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
    daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
    months: ['January','February','March','April','May','June', 'July','August','September','October','November','December'],
    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    today: 'Today',
    clear: 'Clear',
    dateFormat: 'mm/dd/yyyy',
    timeFormat: 'hh:ii aa'
    firstDay: 0

#152

@seanhoots Amazing news! I will do the translation asap

I found an issue, but I am not sure it’s in your plugin… I am quoting you in another post

thanks a lot!!!


#153

Here I come with the translation!

days: [‘Domenica’, ‘Lunedì’, ‘Martedì’, ‘Mercoledì’, ‘Giovedì’, ‘Venerdì’, ‘Sabato’],
daysShort: [‘Dom’, ‘Lun’, ‘Mar’, ‘Mer’, ‘Gio’, ‘Ven’, ‘Sab’],
daysMin: [‘Do’, ‘Lu’, ‘Ma’, ‘Me’, ‘Gi’, ‘Ve’, ‘Sa’],
months: [‘Gennaio’,‘Febbraio’,‘Marzo’,‘Aprile’,‘Maggio’,‘Giugno’, ‘Luglio’,‘Agosto’,‘Settembre’,‘Ottobre’,‘Novembre’,‘Dicembre’],
monthsShort: [‘Gen’, ‘Feb’, ‘Mar’, ‘Apr’, ‘Mag’, ‘Giu’, ‘Lug’, ‘Ago’, ‘Set’, ‘Ott’, ‘Nov’, ‘Dic’],
today: ‘Oggi’,
clear: ‘Rimuovi’,
dateFormat: ‘dd/mm/yyyy’,
timeFormat: 'HH:ii’
firstDay: 1

Everything should be fine, any italian user can confirm? (or deny?)
I am not sure about the time format, though, we normally use the 24h

THanks again!!!


#154

Ok thanks. I will include it in the next update expected sometime end of this week.


#155

Great plugin…thank you for your efforts!

Any chance the IOS keyboard can be disabled when the picker pops up?


#156

Hi @mebeingken,
Thats an interesting problem. So initially the picker’s input was completely disabled without any cursor.
But because the picker allows you to select multiple dates at a go, some users wanted a way to use the cursor to scroll through through the list of picked dates if the list was longer the input’s length.
That is when i introduced the cursor. Obviously if we have a cursor then we need the keyboard to be able to move the cursor.
But on mobile as you’re showing the virtual keyboard also covers part of the picker. That’s why i say it’s an interesting problem.

What i can do is to include an option that allow you to completely disable the cursor in that case when you click on the picker no virtual keyboard will appear. But that means that if your’e using a picker that allows multiple dates you wont be able to scroll through the picker.

I will include this option to disable the cursor in next update.


#157

This is so great; thank you!

Two questions:

  1. Is there a way to use a line break as the multiple dates separator?
  2. I see in the screenshots above a way to update the colors but I don’t see those options where I thought they’d be.

Thanks so much!


#158

Unfortunately not. You can only use some character. Moreover the input is not a multiline text areas so even if you could use a line break you will only see one line.

As you showed in you picture you can use the background style and border style options to style the input element.
To style the date picker you also have the other options up


#159

Hi @seanhoots,
Thanks! I swear that Day and Highlight color options weren’t there. I restarted Chrome this morning and boom! they appeared. Thank you!

For the multiple lines/line break question, maybe you could help me brainstorm how best to work this out:
I’d like my users to see a given month’s calendar and select dates within that month that they are available.

The single line makes their list challenging to read.

One idea:
Can I hide their dates as text in this Air Date/Time Picker? So that the text remains with the initial content? That way I could display the dates in an easier format in another element like this:

One more question:
Is there a way for the calendar to just display a single month?

Thank you so much! This is looking like a grand solution to a problem I’ve been working on.


#160

Hey @hi1,
You’re in luck i actually thought about another use case similar to yours and so have a solution for it.
The Air Date/Time Picker has an action show datepicker as shown below.


This action allows you to open the date picker through an event, example a click of a button.
So in your case you can overlay (or place) an element say a button that covers the Air Date/Time picker.
Then you create a workflow that when the button is clicked show the picker.
image
The picker calendar will show but because the button is covering the picker input the user wont see it.
This should work perfectly for your use case.


#161

That worked great!

And the last dream feature… can the picker calendar show just one month?

Thanks!
Jen


#162

By “show just one month” what do you exactly mean?


#163

I’d like to display just one full calendar month at a time (say March). For this situation, a user should provide all their available dates but just for a single month.

I tried to set the start date/end date via these options:

But I couldn’t enter in say, March 1, 2018 for the start and March 31, 2018 for the end.


#164

Although now that I’m looking at the screenshot I just added, it’s clear that those options aren’t what I was looking for. Funny how it seemed like they might be the settings I was looking for until I posted it here. :slight_smile: