jquery-ui-datepicker

问题 I have several datepickers tied to input fields. They are created in the usual way: $('#input1').datepicker(options1); $('#input2').datepicker(options2); Now I want to style them differently for each field. But when inspecting the page in Firefox, I see that each datepicker is a div with the same id : ui-datepicker-div ! And they aren't descendants or siblings of input fields, so I don't see a way to use the inputs' id s in CSS selectors. 回答1: I think that you'll have to use beforeShow or

问题 I have several datepickers tied to input fields. They are created in the usual way: $('#input1').datepicker(options1); $('#input2').datepicker(options2); Now I want to style them differently for each field. But when inspecting the page in Firefox, I see that each datepicker is a div with the same id : ui-datepicker-div ! And they aren't descendants or siblings of input fields, so I don't see a way to use the inputs' id s in CSS selectors. 回答1: I think that you'll have to use beforeShow or

问题 Please help me, i'm clueless. when I try to open the date picker of the jquery UI and attach it to input tag it works perfectly, but when i try to attach it to textarea nothing is happens. <script type="text/javascript"> $(function() { $("#${data_picker}").datepicker(); }); </script> ---- This will work ---- <input id="data_picker" /> ---- This doesn't work ---- <textarea id="data_picker"></textarea> why??? p.s of course they're not in the same page together, it's only the input or only the

问题 In order to make the jQuery UI Datepicker accessible to screen readers, I'm required to populate a hidden div with the current date that is being highlighted. The problem is that there isn't an event that is associated with keyboard navigation (CTRL + Arrow Keys). In this case, how would I detect when the user is navigating between different dates so that I can fetch the highlighted date and populate it in the hidden div? // how to detect CTRL + Arrow Key Event?? $("#datepicker").on("<CTRL +

问题 I've been trying to integrate the jQuery UI Datepicker into our ASP.NET WebForms application. The application uses master pages to provide a common look to all pages, and all of the content pages are built inside the ContentTemplate of an UpdatePanel. I've created a user control to wrap the datepicker's functionality and allow setting of the minDate, maxDate, validators, etc. for each date from the codebehind at runtime. I also need to deal with the way ASP.NET generates client element IDs.

问题 I am using the XDSoft jQuery datetimepicker in my app (Ruby on Rails 4 (just for information, not using bootstrap datetimepicker )). I was wondering if there is a way to disable/deactivate a specific time at a specific date, for example disable only 17:00 on 12/17/2014? disabledDates: ['...'] disables a specific date. I tried disabledDateTimes and disabledTimes but they don't work. Thanks. 回答1: Here is one example of how this can be done using the XDSoft DateTimePicker you are asking about. I

问题 I am using the XDSoft jQuery datetimepicker in my app (Ruby on Rails 4 (just for information, not using bootstrap datetimepicker )). I was wondering if there is a way to disable/deactivate a specific time at a specific date, for example disable only 17:00 on 12/17/2014? disabledDates: ['...'] disables a specific date. I tried disabledDateTimes and disabledTimes but they don't work. Thanks. 回答1: Here is one example of how this can be done using the XDSoft DateTimePicker you are asking about. I

问题 I want to display events in the jQuery UI Datepicker. I want the days that have events to be styled differently from days that don't have events, and I want to display a custom tooltip with the event details when hovering dates with events. The solution to the question "jQuery UI Datepicker with jQuery tipsy" gets very close, but doesn't work with the Datepicker configuration I use. I use the "showOtherMonths" option, and it throws the date link calculation off. The event data is available at

问题 I want to display events in the jQuery UI Datepicker. I want the days that have events to be styled differently from days that don't have events, and I want to display a custom tooltip with the event details when hovering dates with events. The solution to the question "jQuery UI Datepicker with jQuery tipsy" gets very close, but doesn't work with the Datepicker configuration I use. I use the "showOtherMonths" option, and it throws the date link calculation off. The event data is available at

问题 I downloaded multiDatesPicker here: http://multidatespickr.sourceforge.net My Problem is.. I'm using multiDatesPicker only for represent added dates by codes. And I don't want to receive any user interaction. The only thing that how to disabling multiDatesPicker I know is "disabled: true" option. but this makes the calendar's added dates button color changed. I already tried changing opacity using css(.ui-state-disabled) but it was just opacity. Is there anyone who know how to just disabling