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


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!


#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:


#5

Thanks for this @Revolution !


#6

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


#7

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


#8

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


#15

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


#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


#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.


#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!


#21

Read the documentation of the plugin you are using.

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


#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” );


#23

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