Streaming live at 10am (PST)

JQuery UI Date Picker - Webflow Implementation

#1

JQuery UI Date Picker - Webflow Implementation

Ok here it is. Hopefully I didn't mess something up.

If you find an issue - give me a holler.

http://jquery-ui-date-picker.webflow.io/

In the Forum... I post under my Team Account name... Revolution.

The demo is published by my Pro Account... ControlledChaos

@cyberdave @PixelGeek @bdjidi @mr_hunt @George_Konig @Koen @Nightingall @Robinho

11 Likes

JQuery Date Picker [BETTER SOLUTION]
Including a Calendar in embed code?
Calendar/date/time picker element for forms/widgets
Bootstrap datepicker
#2

Thank you! I was looking for something like this, great job!

0 Likes

#4

Now I'd like this to become a standard in webflow...not trying to ditch your work...but seems like a really simple and standard addition to the webflow fields that are already there :smirk:

1 Like

#5

Thanks for this @Revolution !

0 Likes

#6

Yes, we need a date picker! put it on the wishlist!

0 Likes

split this topic #7

3 posts were split to a new topic: jQueryUI Date Picker Restrict to Date Array

0 Likes

split this topic #8

9 posts were split to a new topic: jQueryUI Date Picker Not Working

0 Likes

#15

Great job @Revolution. Picker works perfect. Easy to implement to.

0 Likes

#17

@Revolution Thank you. What if I need a datepicker with restrictions and links for events on those dates ie every Tuesday & Thursday of the month starting September 2017 ending December 2017

0 Likes

#18

You’ll need to set these options:

http://api.jqueryui.com/datepicker/#option-minDate
http://api.jqueryui.com/datepicker/#option-maxDate
http://api.jqueryui.com/datepicker/#option-beforeShowDay

If you need help customizing third party plugins, you can find me here.

1 Like

#20

@Revolution: Is it possible to change the display format of the date? We europeans need the Day/month/year format. Otherwise really great work brother!

0 Likes

#21

Read the documentation of the plugin you are using.

http://api.jqueryui.com/datepicker/#option-dateFormat

0 Likes

#22

dateFormat

Type: String
Default: "mm/dd/yy"
The format for parsed and displayed dates. For a full list of the possible formats see the formatDate function.
Code examples:
Initialize the datepicker with the dateFormat option specified:

$( “.selector” ).datepicker({
dateFormat: “yy-mm-dd”
});
Get or set the dateFormat option, after initialization:

// Getter
var dateFormat = $( “.selector” ).datepicker( “option”, “dateFormat” );

// Setter
$( “.selector” ).datepicker( “option”, “dateFormat”, “yy-mm-dd” );

0 Likes

#23

Hey! thanks for this.
Is there anywhere I can alter the script to also include a time selector?

0 Likes

#24

yeah this doesn’t work at all… anyone have something that works? why is it so hard to make a date picker?

0 Likes