jquery-ui-datepicker

问题 I got attached jQuery datepicker with knockout custom bindings handler, and I want to when updating first field to set minDate of second to day after (in case that other date was not set to later date). <label>Check-in:</label> <input type="date" id="checkIn" data-bind="datepicker: checkIn, datepickerOptions: { minDate: 0, dateFormat: 'dd/mm/yy', firstDay: 1 }" /> <br/> <br/> <label>Check-out:</label> <input type="date" id="checkOut" data-bind="datepicker: checkOut, datepickerOptions: {

问题 I'm trying to set the minTime of my End Time timepicker based on what I've selected in the Start Time timepicker . I have this, based on something that works for the regular datepicker , but it's not working. $('#confirmed_time_start').timepicker({ timeFormat: 'hh:mm', stepHour: 1, stepMinute: 15, hour: 8, minute: 0, hourMin: 8, hourMax: 18, onSelect: function(timeStr) { var newTime = $(this).timepicker('getDate'); if (newTime) { // Not null newTime.setDate(newTime.getDate()); } $('#confirmed

问题 I am using a jquery ui datepicker. I want to add some validation so it only allows people to choose Saturdays instead of any date. I could validate after the fact but thought it would be slicker to have the datepicker do the upfront validation by only enabling Saturday dates. 回答1: $("#test").datepicker( { beforeShowDay: function(date){ if(date.getDay() == 6){ return [true]; } else { return [false]; } } } ); 来源： https://stackoverflow.com/questions/4604435/is-there-anyway-to-have-a-jquery-ui

问题 I've used jQuery to make a datepicker like so: <input type="text" id="my_datepicker"> and $('#my_datepicker').datepicker(); The datepicker is working fine and I have used this several times before. The issue is that the input element still looks like a normal text field, whereas when I have used this in the past, it has used jQuery UI classes to style the field so that it looks glossy and in keeping with the theme. I have used firebug to see which clesses have been applied to the input

问题 I don't understand why this is so hard to do. Everything about jQuery is so simple. How do you set the width of a jQuery "display: inline;" Datepicker? I have edited the jquery ui css but as soon as I change the month it resets the width. I hope this is just something dumb that I'm missing. 回答1: If you are using the jQuery datepicker in its default form, then just add this to your css and it should work: .ui-datepicker { width: 17em; /*what ever width you want*/ } 回答2: Reducing the font size

问题 I don't understand why this is so hard to do. Everything about jQuery is so simple. How do you set the width of a jQuery "display: inline;" Datepicker? I have edited the jquery ui css but as soon as I change the month it resets the width. I hope this is just something dumb that I'm missing. 回答1: If you are using the jQuery datepicker in its default form, then just add this to your css and it should work: .ui-datepicker { width: 17em; /*what ever width you want*/ } 回答2: Reducing the font size

问题 I have two kendo date picker in input boxes and one checkbox I want to show the kendo datepickers all the time with current date . but they become enable /selectable /editable ONLY when user has checked the checkbox. Checkbox <input type="checkbox" id="RequredFilter" /> 2 kendo Datepickers. <input type="text" id="DateFrom" /> <input type="text" id="DateTo" /> I have tried various things like disabling text-boxes etc but datepickers just keep working/showing.. 回答1: There is special method for

问题 This question already has answers here : jQuery DatePicker with today as maxDate (4 answers) Closed 4 years ago . The questions is in the Title. I have two datepickers, from and to. I want to limit the from datepicker to the current date. How do I do that? Thanks in advance! 回答1: Use the maxDate options : http://jqueryui.com/demos/datepicker/#option-maxDate Set a maximum selectable date via a Date object or as a string in the current dateFormat, or a number of days from today (e.g. +7) or a

问题 I've implemented the jQuery datepicker. It seems to be working fine but the calendar is too large. jQuery Datepicker http://www.softcircuits.com/Client/datepicker.png The site I'm working on has many layers of stylesheets and parent pages and controls. And I don't seem to be able to isolate what is making it large. (Sorry, the site isn't public.) It appears the calendar is based on a font size. I tried wrapping my textbox in a div with a smaller font but it seems to ignore that. Is there any

问题 I need to set the default month and the year for the jquery monthpicker when page loads. Below is my code. Currently monthpicker text box is empty when loads. $(document).ready(function() { $('#monthPicker').datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, showButtonPanel: true, dateFormat: 'MM yy', onClose: function(dateText, inst) { var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); var year = $("#ui-datepicker-div .ui-datepicker-year