jquery-ui-datepicker

Since I updated jQueryUI to 1.8 I found a couple of issues in our implementations and I could fix it myself without waiting for a fix on their end if I could find out how to subclass a specific method of the datepicker widget so I call the parent code and then execute my code. I was reading on $.widget but I just can't wrap my head around how that is suppose to work. I tried something like this: $.widget("ui.datepicker", { _showDatepicker: function(input) { alert('Yo'); $.datepicker.prototype._showDatepicker.apply(this,arguments); alert('Hey!'); } }); And all sorts of other variations and

I would like to have two date field in my Wordpress contact form 7. A start-date and an end-date. The fields will be datepickers from the "Contact Form 7 Datepicker" plugin. When visitor has selected a start-date he should only be able to select an end date that is 4 days later then the start-date. How can I achieve this by only using the "contact form 7" form creator? This is the syntax I put in the "contact form 7". Start date charter*: [date* date-start date-format:MM_d_yy] End date charter*: [date* date-end date-format:MM_d_yy] And I added this code to the end of the functions file of the

I need to add custom validation(I think) for validating input from an user. Here's my use case: I'm using the jquery ui datepicker for selecting dates, with localization like this: $.datepicker.setDefaults( $.datepicker.regional[ currentLocale ] ); I use the bassistance validation plugin, and using rules for date:true and such does not work with different formats(or if they do please tell me how!). So I've made my own date validation methods like this $.validator.addMethod("validDate", function(value) { return parseDateString(value) != null; }, jQuery.validator.messages.date); This all works

I have multiple inputs on my page, all of which have jQuery UI's datepicker widget attached to them. What I would like to do is show/hide the .ui-datepicker-calendar based on a data-calendar attribute on the input element. For example: <input type="text" data-calendar="false" /> <input type="text" data-calendar="false" /> <input type="text" data-calendar="true" /> So, the first two should not show the .ui-datepicker-calendar , but the last should. I thought I could leverage the beforeShow event to set the display of the element, however, at the time the event fires, the .ui-datepicker-calendar

I'm building a date picker in jQuery ui. What I'm trying to do is set a range, so when they pick the first date the second date appears and gives a 30 day window. I tried this but it doesn't work (it lets the user pick 30 days from today, not 30 from the start date): var pickDate; $( "#datepickerEnd" ).hide(); $( "#datepickerStart" ).datepicker(); $( "#datepickerStart" ).change(function(){ var pickDate = $( "#datepickerStart" ).val(); $( "#datepickerEnd" ).datepicker({ minDate: pickDate, maxDate: +30 }); $( "#datepickerEnd" ).show(); }) Another issue I ran into is when I change datepickerStart

I need to create a label and text field on the fly and also include datepicker for the textfield. I need something like this: <label for="from">From </label> <input type="text" id="from" name="from" /> I have tried something like this in jQuery: var label = $("<label>").attr('for', "from"); label.html('Date: ' + '<input type="text" id="from name="from" value="">'); $(function() { $("#from").datepicker(); }); This one somehow doesn't create the label and also the text field. I am not sure what I am missing. EDIT To be more precise, I am using this in the portlets and I don't have body tags in