    $( &quot;.selector&quot; ).datepicker({ firstDay: 1 });

[jQuery UI Reference](http://api.jqueryui.com/datepicker/#option-firstDay); see the link for a slightly more detailed explanation.

For inline reference:

    Sunday     0
    Monday     1
    Tuesday    2
    Wednesday  3
    Thursday   4
    Friday     5
    Saturday   6

Normally, default is not necessary in a switch statement. However, in the following situation the code successfully compiles only when I uncomment the default statement. Can anybody explain why?

	public enum XYZ {A,B};
	public static String testSwitch(XYZ xyz)
	{
		switch(xyz)
		{
		case A:
			return &quot;A&quot;;
		case B:
		//default:
			return &quot;B&quot;;
		}
	}


Why is default required for a switch on an enum?

I have text boxes `&lt;input type=&#39;text&#39;&gt;` that only allow numeric characters and wont let the user enter a dot (.) more than once. Problem is, if the text in the text box is selected, the user intends to overwrite the contents with a dot, hence making it allowed! The question is, how can you tell in javascript whether the text in that text box is selected or not.

Thanks

How to know if the text in a textbox is selected?

 I am using jQuery UI datepicker, I know I can customize this datepicker in this way:

    $(&quot;#reserve_date&quot;).datepicker({
                beforeShowDay: no_disabled_Days
    });

currently, my datapicker calendar start weeks from **Sunday**, I would like it starts weeks from **Monday**, how to do??


JQuery UI datepicker ( start weeks from Monday)

I am using jQuery UI datepicker, I know I can customize this datepicker in this way:
<pre><code class="hljs language-ini">$("#reserve_date").datepicker({
 beforeShowDay: no_disabled_Days
});
</code></pre>
currently, my datapicker calendar start weeks from Sunday, I would like it starts weeks from Monday, how to do??

I am trying to send data from a form to a database. Here is the form I am using:

    &lt;form name=&quot;foo&quot; action=&quot;form.php&quot; method=&quot;POST&quot; id=&quot;foo&quot;&gt;
        &lt;label for=&quot;bar&quot;&gt;A bar&lt;/label&gt;
        &lt;input id=&quot;bar&quot; name=&quot;bar&quot; type=&quot;text&quot; value=&quot;&quot; /&gt;
        &lt;input type=&quot;submit&quot; value=&quot;Send&quot; /&gt;
    &lt;/form&gt;

The typical approach would be to submit the form, but this causes the browser to redirect. Using jQuery and [Ajax][1], is it possible to capture all of the form&#39;s data and submit it to a PHP script (an example, *form.php*)?

  [1]: http://en.wikipedia.org/wiki/Ajax_%28programming%29


jQuery Ajax POST example with PHP

I need to use JavaScript to simulate the action of clicking buttons. How do I achieve it? Can I achieve it with jQuery?

How to use simulate the action of clicking button with jQuery or JavaScript?

I&#39;ve got a problem.

Using ajax I sent a correctly formed JSON object using:

				$.ajax({
					type: &quot;POST&quot;, 
					url: SITE_URL+&#39;/data.php&#39;,
					dataType: &quot;json&quot;,
					data: { ajax: 1 },
					success: function(data) {
						console.log(data);
					}
				});

However, Opera and Chrome, although receiving the same object, print out the object in an incorrect order, it seems like they both perform a sort by ID number instead of just leaving it alone!

Is there a way to stop this auto sort?

Edit, after finding out it is a sort by index number I&#39;m thinking the best method might be to not use the index for storing the object_id and instead store the id number which I want to order the object by.

However I would still like to know if there is a way to stop the sort.

Thank you

Edit2, I&#39;ll just like to note that I&#39;m going to work on a different way of doing this, as I feel like I&#39;m abusing objects with this method. However I&#39;d still like to understand why Opera and Chrome feel it is their right to change the order of my objects IDs:

The problem would be me trying to save processing power, lets say we have people with an ID,

1.John, 2.Frank and 3.Sally. However each of these people have a hight property set (and other things). 1.John.180, 2.Frank.220, 3.Sally.150. To save on processing, my I request the result of people be sorted by their height so I get an array of 2, 1, 3 with their other properties. I JSON this array and send it to the browser.

Now FF will keep the new order
People[1] would still be John but in a For n as person loop they&#39;ll be out of order.

If I can&#39;t get around this I&#39;ll just have to not bother sorting at the SQL stage and add extra looping and sorting into an array in the JS stage although I wanted to avoid more stress on the browser as its already a Js heavy page.

Many thanks

How do you stop Chrome and Opera sorting JSON objects by Index ASC?

I am a novice at JavaScript and jQuery. I want to show one combobox-A, which is an HTML `&lt;select&gt;` with its selected `id` and contents at the other place on onChange(). 

How can I pass the complete combobox with its select `id`, and how can I pass other parameters on fire of the onChange event?

How to pass parameters on onChange of html select

I was studying the jQuery source when I found this (v1.5 line 2295):

    namespace = new RegExp(&quot;(^|\\.)&quot; +
      jQuery.map( namespaces.slice(0).sort(), fcleanup ).join(&quot;\\.(?:.*\\.)?&quot;) + &quot;(\\.|$)&quot;);

My question is, why use `slice(0)` here?

What&#39;s the point of .slice(0) here?

I&#39;m using a modified version of the jQuery UI Autocomplete Combobox, as seen here:
http://jqueryui.com/demos/autocomplete/#combobox

_For the sake of this question, let&#39;s say I have exactly that code ^^^_

When opening the combobox, either by clicking the button or focusing on the comboboxs text input, there is a large delay before showing the list of items. This delay gets noticeably larger when the select list has more options.

This delay doesn&#39;t just occur the first time either, it happens every time.

As some of the select lists on this project are very large (hundreds and hundreds of items), the delay/browser freezing up is unacceptable.


**Can anyone point me in the right direction to optimise this? Or even where the performance problem may be?**

I believe the issue may be to do with the way the script shows the full list of items (does an autocomplete search for an empty string), is there another way to display all items? Perhaps I could build a one off case for displaying all items (as it is common to open the list before starting to type) that doesn&#39;t do all the regex matching?

Here is a jsfiddle to fiddle with:
http://jsfiddle.net/9TaMu/

jQuery UI Autocomplete Combobox Very Slow With Large Select Lists

This seems to be a black hole: After an hour of searching the [jQuery UI][1] website, Stack&amp;nbsp;Overflow, and googling, I&#39;ve yet to find the most basic information of how to write the *server side* of the AutoComplete.

What parameter is passed to the server and what should the JSON response look like?

I must be missing something, because how did everyone else learn how to do this? Sites only seem to discuss the client-side JavaScript code and never the protocol or server-side examples.

I need enough to get the simplest remote example working.

  [1]: http://en.wikipedia.org/wiki/JQuery_UI


What does autocomplete request/server response look like?

I am looking for a drag &amp; DROP plugin that works on touch devices.

I would like similar functionality to the [jQuery UI plugin][1] which allows &quot;droppable&quot; elements.


The [jqtouch plugin][2] supports dragging, but no dropping.


[Here][3] is drag &amp; drop that only supports iPhone/iPad.


Can anyone point me in the direction of a drag &amp; drop plugin that works on android/ios? 

...Or it might be possible to update the jqtouch plugin for droppability, it already runs on Andriod and IOS.

Thanks!


  [1]: http://jqueryui.com/demos/droppable/
  [2]: http://www.midemos.com/demos/iphone/touch/?/iphone/touch/
  [3]: http://www.gotproject.com/blog/post2.html

Javascript Drag and drop for touch devices

I am using jquery in my web application and I need to load more jquery script files into a single page.

Google suggested I combine all the jquery script files into a single file.

How can I do this?

Combine multiple JavaScript files into one JS file

How do you change the text value of a button in jQuery? Currently, my button has &#39;Add&#39; as its text value, and upon being clicked I want it to change to &#39;Save&#39;. I have tried this method below, but so far without success:

    $(&quot;#btnAddProfile&quot;).attr(&#39;value&#39;, &#39;Save&#39;);

How to change the text of a button in jQuery?

I have a JS code in which when you change a field it calls a search routine. The problem is that I can&#39;t find any jQuery events that will fire when the Datepicker updates the input field.

For some reason, a change event is not called when Datepicker updates the field. When the calendar pops up it changes the focus so I can&#39;t use that either. Any ideas?

jQuery Datepicker onchange event issue

I would like to set today&#39;s date as a maxdate for jQuery datepicker in order to prevent users from picking date greater than today&#39;s date

jQuery DatePicker with today as maxDate

I am trying to have a date Range select using the UI date picker.

in the from/to field people should not be able to view or select dates previous to the present day.


This is my code:

	$(function() {
		var dates = $( &quot;#from, #to&quot; ).datepicker({
			defaultDate: &quot;+1w&quot;,
			changeMonth: true,
			numberOfMonths: 1,
			onSelect: function( selectedDate ) {
				var option = this.id == &quot;from&quot; ? &quot;minDate&quot; : &quot;maxDate&quot;,
					instance = $( this ).data( &quot;datepicker&quot; ),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( &quot;option&quot;, option, date );
			}
		});
	});


Can some one tell me how to disable dates previous the to the present date.

jQuery Date Picker - disable past dates

I have a datepicker where I show two months and I want to randomly choose 3 dates in each visible month 

      $(&#39;.date&#39;).datepicker({
        minDate: new Date(),
        dateFormat: &#39;DD, MM, d, yy&#39;,
        constrainInput: true,
        beforeShowDay: processDates,
        numberOfMonths: 2,
        showButtonPanel: true,
        showOn: &quot;button&quot;,
        buttonImage: &quot;images/calendar_icon.jpg&quot;,
        buttonImageOnly: true    
      });

Here is my calculation

    var now = new Date();
    var nowTime = parseInt(now.getTime()/1000);
    var randomDateSet = {};
    
    function getRandomSet(y,m) {
      var monthIndex = &quot;m&quot;+y+&quot;&quot;+m; // m20121 for Jan
      if (randomDateSet[monthIndex]) return randomDateSet[monthIndex];
      // generate here
    .
    . - I need this part
    .
      return randomDateSet[monthIndex];
    }
    
    function processDay(date) { // this is calculated for each day so we need a singleton for the array
      var dateTime = parseInt(date.getTime()/1000);
      if (dateTime &lt;= (nowTime-86400)) {
        return [false]; // earlier than today
      }
      var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
      var randomDates = getRandomSet(y,m);
    
      for (i = 0; i &lt; randomDates.length; i++) {
        if($.inArray((m+1) + &#39;-&#39; + d + &#39;-&#39; + y,randomDates) != -1 || new Date() &gt; date) {
          return [true,&quot;highlight&quot;,&quot;Some message&quot;];
        }
      }
      return [true,&quot;normal&quot;]; // ordinary day
    }

Elegant method to generate array of random dates within two dates

&lt;h1&gt;How do I reset the datepicker calendar values?.. The min and max date restrictions?&lt;/h1&gt;

The problem is that when I clear the dates (by deleting the textbox values), the previous date restrictions are still applied.

I&#39;ve been sorting through the &lt;a href=&quot;http://docs.jquery.com/UI/Datepicker&quot;&gt;documentation&lt;/a&gt; and nothing jumped out as a solution. I also wasn&#39;t able to find a quick fix on a SO/google search

&lt;a href=&quot;http://jsfiddle.net/CoryDanielson/tF5MH/&quot;&gt;http://jsfiddle.net/CoryDanielson/tF5MH/&lt;/a&gt;

--------------------------------------------------------------------------------

**&lt;h2&gt;Solution:&lt;/h2&gt;** 
    
    // from &amp; to input textboxes with datepicker enabled
    var dates = $(&quot;input[id$=&#39;dpFrom&#39;], input[id$=&#39;dpTo&#39;]&quot;);

    // #clearDates is a button to clear the datepickers
    $(&#39;#clearDates&#39;).on(&#39;click&#39;, function(){
        dates.attr(&#39;value&#39;, &#39;&#39;);
        dates.each(function(){
            $.datepicker._clearDate(this);
        });
    });​​

_.clearDate() is a private method of the DatePicker object. You won&#39;t find it in the public API on jQuery UI&#39;s website, but it works like a charm.

Content Type	Original Author	Original Content on Stackoverflow
Question	Mellon	View Question on Stackoverflow
Solution 1 - Jquery	David Thomas	View Answer on Stackoverflow

JQuery UI datepicker ( start weeks from Monday)

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

How to know if the text in a textbox is selected?

Why is default required for a switch on an enum?

Attributions