Here is a way to disable specific dates from being selected: var unavailableDates = [“9-5-2011″,”14-5-2011″,”15-5-2011”]; function unavailable(date) { dmy = date.getDate() + “-” + (date.getMonth()+1) + “-” + date.getFullYear(); if ($.inArray(dmy, unavailableDates) < 0) { return [true,””,”Book Now”]; } else { return [false,””,”Booked Out”]; } } $(‘#iDate’).datepicker({ beforeShowDay: unavailable }); Source: jQuery – Datepicker – … Read more
Update 2: Here is a gist of v3.1.1 provided by @GFoley83 Update: The pastebin joined below is the Twitter Bootstrap version 2.0.4 You should definitively use the up-to-date version and compile it yourself. Here is what I did with the bootstrap less files : .tw-bs { @import “less/bootstrap.less”; } And this is the result : … Read more
If you want to get the date when the user selects it, you can do this: $(“#datepicker”).datepicker({ onSelect: function() { var dateObject = $(this).datepicker(‘getDate’); } }); I am not sure about the second part of your question. But, have you tried using style sheets and relative positioning?
The problems were: iframe content comes from another domain iframe dimensions need to be adjusted for each video The solution based on omerkirk’s answer involves: Creating an iframe element Creating a dialog with autoOpen: false, width: “auto”, height: “auto” Specifying iframe source, width and height before opening the dialog Here is a rough outline of … Read more
Update (2017): The following two libraries have now become the most common drop-down libraries used with Javascript. While they are jQuery-native, they have been customized to work with everything from AngularJS 1.x to having custom CSS for Bootstrap. (Chosen JS, the original answer here, seems to have dropped to #3 in popularity.) Select2: https://select2.github.io/ Selectize: … Read more
updated (08.Jul.2013) Updated with latest versions of libraries; html refactored using JsRender; updated (29.Sep.2011) Added GIT Repo; cleaned the code; update to latest framework versions; updated (03.Mar.2013) Fixed links with working example; Current example uses: HTML 5 doctype jQuery v.1.10.2 jQuery UI v.1.10.3 Raphael v.2.0.1 JsRender v.1pre35 (optional, used for HTML simplification) Source Source code … Read more
I don’t like the solution of modifying the jQuery source code because it removes the ability to use a CDN. Instead, you can reassign the _gotoToday function by including this code based on @meesterjeeves answer somewhere in your page’s JavaScript scope file: $.datepicker._gotoToday = function(id) { var target = $(id); var inst = this._getInst(target[0]); if … Read more
Any browser that does not support the input type date will default to the standard type, which is text, so all you have to do is check the type property (not the attribute), if it’s not date, the date input is not supported by the browser, and you add your own datepicker: if ( $(‘[type=”date”]’).prop(‘type’) … Read more
Check out jquery-ui-bootstrap. From the README: Twitter’s Bootstrap was one of my favorite projects to come out of 2011, but having used it regularly it left me wanting two things: The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually) The ability to theme jQuery UI widgets … Read more
As an alternative, you could use the jQuery UI Position utility e.g. $(“.mytext”).mouseover(function() { var target = $(this); $(“#dialog”).dialog(“widget”).position({ my: ‘left’, at: ‘right’, of: target }); }