If you are still interested in a javascript api to select both date and time data, have a look at these projects which are forks of bootstrap datepicker:

 - [Bootstrap Datetime Picker 1](http://tarruda.github.com/bootstrap-datetimepicker/)

 - [Bootstrap Datetime Picker 2](http://www.malot.fr/bootstrap-datetimepicker/)


The first fork is a big refactor on the parsing/formatting codebase and besides providing all views to select date/time using mouse/touch, it also has a mask option (by default) which lets the user to quickly type the date/time based on a pre-specified format.

Using a buffered channel, how do measure how many elements are in the channel? For example, I&#39;m creating and sending on a channel like this:

    send_ch := make(chan []byte, 100)
    // code
    send_ch &lt;- msg

I want to measure how many **msgs** are in the channel **send_ch**.

I&#39;m aware that due to concurrency the measurement won&#39;t be exact, as pre-emption could occur between measurement and action (eg discussed in this video [Google I/O 2012 - Go Concurrency Patterns][1]). I&#39;ll be using this for flow control between producers and consumers ie once I&#39;ve passed through a high watermark, changing some behaviour until I pass back through a low watermark.




  [1]: http://www.youtube.com/watch?v=f6kdp27TYZs

Number of elements in a channel

I&#39;ve seen this pseudo-random number generator for use in shaders referred to [here and there around the web][1]:

    float rand(vec2 co){
      return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);
    }


It&#39;s variously called &quot;canonical&quot;, or &quot;a one-liner I found on the web somewhere&quot;.

What&#39;s the origin of this function? Are the constant values as arbitrary as they seem or is there some art to their selection? Is there any discussion of the merits of this function?

EDIT: The oldest reference to this function that I&#39;ve come across is [this archive from Feb &#39;08][2], the original page now being gone from the web. But there&#39;s no more discussion of it there than anywhere else.


  [1]: https://www.google.com/search?q=fract%28sin%28dot%28co.xy%20,vec2%2812.9898,78.233%29%29%29%20*%2043758.5453%29&amp;rlz=1C1CHFA_enUS484US484&amp;oq=fract%28sin%28dot%28co.xy%20,vec2%2812.9898,78.233%29%29%29%20*%2043758.5453%29&amp;sugexp=chrome,mod=9&amp;sourceid=chrome&amp;ie=UTF-8
  [2]: http://web.archive.org/web/20080211204527/http://lumina.sourceforge.net/Tutorials/Noise.html

What&#39;s the origin of this GLSL rand() one-liner?

Suggest me any JavaScript to pick the  date and time 
.

NOTE: I want to use only  one file for date and time picking.

I already see this:

http://www.eyecon.ro/bootstrap-datepicker/

and

http://jdewit.github.com/bootstrap-timepicker/index.html



Bootstrap date and time picker

Suggest me any JavaScript to pick the date and time
.
NOTE: I want to use only one file for date and time picking.
I already see this:
<a href="http://www.eyecon.ro/bootstrap-datepicker/" target="_blank" rel="noopener noreferrer">http://www.eyecon.ro/bootstrap-datepicker/</a>
and
<a href="http://jdewit.github.com/bootstrap-timepicker/index.html" target="_blank" rel="noopener noreferrer">http://jdewit.github.com/bootstrap-timepicker/index.html</a>

&gt; **Possible Duplicate:**  
&gt; [JavaScript: Check if object is array?](https://stackoverflow.com/questions/4775722/javascript-check-if-object-is-array)  

&lt;!-- End of automatically inserted text --&gt;

Why is an array of objects considered an object, and not an array? For example:

    $.ajax({
        url: &#39;http://api.twitter.com/1/statuses/user_timeline.json&#39;,
        data: { screen_name: &#39;mick__romney&#39;},
        dataType: &#39;jsonp&#39;,
        success: function(data) {
            console.dir(data); //Array[20]
            alert(typeof data); //Object
        }
    });​

[Fiddle][1]


  [1]: http://jsfiddle.net/6JCcj/

Why does typeof array with objects return &quot;object&quot; and not &quot;array&quot;?

It seems that this is a new feature in JQuery UI 1.9.0, because I used JQuery UI plenty of times before and this text never poped up. 

Couldn&#39;t find anything related on the API documentation. 

So using an basic autocomplete example with local source 

    $( &quot;#find-subj&quot; ).autocomplete({
        source: availableTags
    });

When the search matches it shows this related helper text: 

&gt; &#39;1 result is available, use up and down arrow keys to navigate.&#39;

How can I disable it in a nice way, not by removing it with JQuery selectors.



How to remove/change JQuery UI Autocomplete Helper text?

**EDIT:**

I learned that using other value than `_blank`, DOES NOT work on mobile browsers to open new windows/tabs.

For example, if you need to open a new window/tab:

* **This works** on all browsers, even mobile browsers: `target=&quot;_blank&quot;`.

* **This does not work** on mobile browsers, but it **does work** on desktop browsers: `target=&quot;new&quot;`.

--

Although I have this one working, I&#39;m not sure if there&#39;s a better way to do it, or if the way I got it is the right/only way.

Basically what I&#39;m doing is replacing all the `target=&quot;_new&quot;` or `target=&quot;_blank&quot;` attribute values to `target=&quot;nw&quot;`, this way only one new window is open and in it all other new windows will open in order to not overwhelm the user with multiple windows. 

I&#39;m also adding a &quot;*Opens in a new window*&quot; `title=&quot;&quot;` attribute.

So the solution I created is this one:

    $(&quot;a[target=&#39;_blank&#39;], a[target=&#39;_new&#39;]&quot;).attr(&#39;target&#39;,&#39;nw&#39;).attr(&#39;title&#39;,&#39;Opens in a new window&#39;);

Notice the two `.attr();` methods.

Is this the correct way to add two attributes to an element?

I tried `.attr(&#39;target&#39;,&#39;nw&#39;,&#39;title&#39;,&#39;Opens in a new window&#39;)` but it didn&#39;t work.

The reason I ask is because of the DYR (Don&#39;t Repeat Yourself) principle, so if I can improve the code I have, great, if not, then it is what it is.

Thanks.

jQuery: Adding two attributes via the .attr(); method

&gt; **Possible Duplicate:**  
&gt; [Check that value is object literal?](https://stackoverflow.com/questions/4320767/check-that-value-is-object-literal)  

&lt;!-- End of automatically inserted text --&gt;

I am working with an output that can be either null, 0, or a json object. And with that I need to come up with a means of determining if that output is indeed a real object. But I can&#39;t find anything that gives me a definitive answer as to if there is something like that in the javascript functionality or not. If there isn&#39;t is there a means otherwise that I can detect if this is an object?

javascript, is there an isObject function like isArray?

When I render a highcharts-chart to a div container, how can I get access to the chart object through the div-Container?

I don&#39;t want to make the chart variable global.

    		var chart = new Highcharts.Chart({
    			chart: {
    				renderTo: &quot;testDivId&quot;,
                                    ...

I want to access the chart outside of the context above like this (pseudocode), to call functions:

    var chart = Highcharts.Chart(&quot;testDivId&quot;); //access from id
    chart.redraw();

How can I get access to a Highcharts chart through a DOM-Container?

From my reading of the documentation, it seems that `.container` is the &quot;parent&quot; wrapper for the `.row` and the divs that contain the `.spanX` (where the x totals 12). However, it doesn&#39;t seem like there is a `.row` in their navigation example.

Also, on their documentation site, the `.container` is wrapped by a couple of navbar related divs.

Can anyone elaborate a bit on how the framework should work? I&#39;m new to it.

Must Bootstrap container elements include row elements?

Given that Twitter Bootstrap is designed to be responsive / device-friendly, why doesn&#39;t it use relative font sizes?

Why does Twitter Bootstrap Use Pixels for Font Size?

Any trick to disable the open/close animation of Collapse groups ?

disable Bootstrap&#39;s Collapse open/close animation

I&#39;ve managed to place a button group at the far side of a header (H1/H2/H3). However, I don&#39;t know how to make the button float vertically in the middle. It just stays at the top. I tried using `margin-top` but since it&#39;s a fixed value it won&#39;t be dynamically placed in the middle.

Here&#39;s the screenshot:

![enter image description here][1]


  [1]: http://i.stack.imgur.com/YvZnC.png

Here&#39;s the code:

    &lt;div class=&quot;container&quot;&gt;
      &lt;section&gt;
        &lt;div class=&quot;page-header&quot;&gt;
          &lt;h1 class=&quot;pull-left&quot;&gt;
            The header
          &lt;/h1&gt;
          &lt;div class=&quot;pull-right&quot;&gt;
            &lt;div class=&quot;btn-group&quot;&gt;
              &lt;button class=&quot;btn btn-primary&quot;&gt;
                Actions
              &lt;/button&gt;
              &lt;button class=&quot;btn btn-primary dropdown-toggle&quot; data-toggle=&quot;dropdown&quot;&gt;
                &lt;span class=&quot;caret&quot;&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;ul class=&quot;dropdown-menu pull-right&quot;&gt;
                &lt;li&gt;
                  &lt;a href=&quot;#&quot;&gt;Action&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                  &lt;a href=&quot;#&quot;&gt;Another Action&lt;/a&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
        Contents
      &lt;/section&gt;
    &lt;/div&gt;

Thanks in advance.

**jsFiddle:** http://jsfiddle.net/aurorius/PKrUC/

Place button group at the far right side of a header with Bootstrap

I&#39;ve made use of **modal window** for a wizard implementation which has around 4,5 steps. I need to destroy it completely after the **last step**(onFinish) and **OnCancel step without having a page refresh**. I can of course hide it, but hiding modal windows restores everything as such when i open up it again. Could anyone help me on this issue? 

Thanks 
Any hints answers are helpful for me.

how to destroy bootstrap modal window completely?

I want to create a dialog which can select the **time** and the **date at the same time**.  
I know that [there is not a default widget that can do that on Android][1]. I also know that there are [open source projects][2] on how do similar staff. The problem in this project is that in the dialog we have two buttons: *datePicker* and *timePicker*.

![enter image description here][3]

And that&#39;s not what I want to do - I want that the date and time picker appear at the same time.  
So I think the two main problem will be:

1. First make the time and date picker appear in the same dialog.
2. And the second problem will be to change the appearance of time and date picker (the orange color).

The first problem was resolved by Bhavesh. Here is what I get:

![enter image description here][4]


The problem now is that I want to change all *blue bar color* to *orange color*.  
I added `android:calendarViewShown=&quot;false&quot;` to remove the calendar in the right :) Thanks Bhavesh and I changed the theme to *HOLO*  
Here is what I get:

![enter image description here][5]
----------------------------------


You can download the code (that&#39;s the best I can do). You can download from [here][6].


  [1]: https://stackoverflow.com/a/2056819/833219
  [2]: http://code.google.com/p/datetimepicker/
  [3]: http://i.stack.imgur.com/uAgNo.png
  [4]: http://i.stack.imgur.com/1QJ89.png
  [5]: http://i.stack.imgur.com/KXpiM.png
  [6]: http://www.filefactory.com/file/6mf3bl0alkhf/n/DateTimePicker_zip

Date and time picker dialog

I am really stoked about the HTML5 date picker.

The caveat is that I don&#39;t see or foresee much in the way of applying colors to the picker itself which is going to make the use of the datepicker kind of a deal-breaker on most sites. The `&lt;select&gt;` suffers from widespread JavaScript-replacement hacks for the simple reason that people can&#39;t make it pretty.

So are there any known styling options for the HTML input of `type=&#39;date&#39;`?

Are there any style options for the HTML5 Date picker?

Using jquery and the Bootstrap Datepicker, how do I get the new date value I selected using the Bootstrap Datepicker? 
FYI, I&#39;m using Rails 3 and Coffescript.

I set up the datapicker using:

    &lt;input id=&quot;startdate&quot; class=&quot;span2 datepicker&quot; type=&quot;text&quot; value=&quot;&quot; name=&quot;startdate&quot; default=&quot;2013-05-21&quot; data-date=&quot;2013-05-21&quot; data-behavior=&quot;datepicker&quot;&gt;
    &lt;%= submit_tag &#39;Get Data using date&#39;, :id =&gt; &#39;get_data&#39; %&gt;

    $(&quot;.datepicker&quot;).datepicker
          endDate: new Date
          format: &quot;yyyy-mm-dd&quot;
          autoclose: true
          minViewMode: 1
          todayBtn: &quot;linked&quot;

When a user clicks on the &quot;get data using date&quot; button next to it, I will use jQuery to get the new date value set by the datepicker, prevent the form from submitting and run an ajax request using that date value. All the ajax is running well, except for getting the correct new date value. I tried both of the following and it doesn&#39;t give me the new date, it only return the defaults I initially set.

    sd1 = $(&#39;#startdate&#39;).attr(&#39;value&#39;)
    console.log sd1
    
    sd2 = $(&#39;#startdate&#39;).attr(&#39;data-date&#39;))
    console.log sd2

I am feeling really stupid right now, but I can&#39;t find out how to get the new date value set by the bootstrap datepicker.

How to get the selected date value while using Bootstrap Datepicker?

I have an input element with an attached datepicker created using [bootstrap-datepicker][1].

    &lt;div class=&quot;well&quot;&gt;
        &lt;div class=&quot;input-append date&quot; id=&quot;dp3&quot; data-date=&quot;2012-01-02&quot; data-date-format=&quot;yyyy-mm-dd&quot;&gt;
            &lt;input type=&quot;text&quot; id=&quot;date-daily&quot;&gt;
            &lt;span class=&quot;add-on&quot;&gt;&lt;i class=&quot;icon-th&quot;&gt;&lt;/i&gt;&lt;/span&gt;    
        &lt;/div&gt;
    &lt;/div&gt;
    
    &lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;
		$(document).ready(function() {
			$(&#39;#dp3&#39;).datepicker();
			$(&#39;#date-daily&#39;).val(&#39;0000-00-00&#39;);
			$(&#39;#date-daily&#39;).change(function () {
				console.log($(&#39;#date-daily&#39;).val());
			});
		});
    &lt;/script&gt;

When the user changes the date by typing directly into the input element, I can get the value with the input element&#39;s onChange event, as shown above. But when the user changes the date from datepicker (i.e. by clicking a date on the calendar), the onChange handler is not called.

How can I detect changes to the selected date that are made via the datepicker, rather than by typing into the input element?


  [1]: https://github.com/eternicode/bootstrap-datepicker

Detect change to selected date with bootstrap-datepicker

Is it possible to disable dates when I use 
&lt;input type = &quot;date&quot;/&gt;
I want to disable current date for one scenario and future dates for other scenario.
How should I disable the dates?

Disable certain dates from html5 datepicker

I noticed that for us on Eastern Time zone (&quot;America/New_York&quot;) with timezone offset of **&quot;-05:00&quot;** Date.getTimezoneOffset() returns a **positive** number of 300. I would expect offset in minutes to be negative in areas to the West from Utc, and to be positive in areas to the east of Utc, but apparently it&#39;s &quot;flippded&quot;.  What&#39;s the reasoning behind that decision?

http://momentjs.com/ follows the same rule and returns...

    moment.parseZone(&quot;01/13/2014 3:38:00 PM +01:00&quot;).zone()   // == -60
    moment.parseZone(&quot;01/13/2014 3:38:00 PM -01:00&quot;).zone()   // == 60

At the same time DateTimePicker http://trentrichardson.com/examples/timepicker/ does not flip numbers when setting its initial &#39;timezone&#39; parameter. Is it wrong?

Why does JavaScript Date.getTimezoneOffset() consider &quot;-05:00&quot; as a positive offset?

I&#39;m using [datetimepicker.js](https://eonasdan.github.io/bootstrap-datetimepicker/Functions/#date) and its `date` function returns a [moment.js](http://momentjs.com/) object. It does so with the local UTC offset in it and my original date has a different offset.

My original date:

    2015-10-01T15:00:00.000Z

What I display on the date time picker (`DD-MM HH:mm`):

    01-10 15:00


What I get:
   
    2015-10-01T15:40:00+01:00

What I want:

    2015-10-01T15:40:00+00:00

Note how I removed the +01 offset at the end.

How can I do this applying it for any local UTC ? This is, without having to manually remove the 01 (as it can be a any other local offset depending on the user location).


    var momentDate = timePicker.data(&quot;DateTimePicker&quot;).date();
    console.log(momentDate.format());
    //this prints  2015-10-01T15:40:00+01:00


 

Remove timezone from a moment.js object

I imported a [date picker][1] in a project and was wondering if there was any official recent component from angular and material to include time in the calendar as well.  
I&#39;ve seen plenty of time pickers in material documentation and researched a lot of third party ones, but they seem very complex.  


  [1]: https://material.angular.io/components/datepicker/overview

Content Type	Original Author	Original Content on Stackoverflow
Question	Aravindhan	View Question on Stackoverflow
Solution 1 - Jquery	Ashwin Preetham Lobo	View Answer on Stackoverflow

Bootstrap date and time picker

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

What's the origin of this GLSL rand() one-liner?

Number of elements in a channel

Attributions