[Escape it][1] with square braces

    moment().format(&#39;MMM. D, YYYY [at] h:mm A z&#39;);
    // produces:    &quot;Jan. 30, 2015 at 2:46 PM &quot;

  [1]: https://momentjs.com/docs/#/displaying/format/

When a resilient distributed dataset (RDD) is created from a text file or collection (or from another RDD), do we need to call &quot;cache&quot; or &quot;persist&quot; explicitly to store the RDD data into memory? Or is the RDD data stored in a distributed way in the memory by default?

    val textFile = sc.textFile(&quot;/user/emp.txt&quot;)

As per my understanding, after the above step, textFile is a RDD and is available in all/some of the node&#39;s memory.

If so, why do we need to call &quot;cache&quot; or &quot;persist&quot; on textFile RDD then?

(Why) do we need to call cache or persist on a RDD

I need to upload an image to NodeJS server to some directory. I am using `connect-busboy` node module for that.

I had the `dataURL` of the image that I converted to blob using the following code:

    dataURLToBlob: function(dataURL) {
        var BASE64_MARKER = &#39;;base64,&#39;;
        if (dataURL.indexOf(BASE64_MARKER) == -1) {
            var parts = dataURL.split(&#39;,&#39;);
            var contentType = parts[0].split(&#39;:&#39;)[1];
            var raw = decodeURIComponent(parts[1]);
            return new Blob([raw], {type: contentType});
        }
        var parts = dataURL.split(BASE64_MARKER);
        var contentType = parts[0].split(&#39;:&#39;)[1];
        var raw = window.atob(parts[1]);
        var rawLength = raw.length;
        var uInt8Array = new Uint8Array(rawLength);
        for (var i = 0; i &lt; rawLength; ++i) {
            uInt8Array[i] = raw.charCodeAt(i);
        }
        return new Blob([uInt8Array], {type: contentType});
    }
            
I need a way to convert the blob to a file to upload the image.

Could somebody help me with it?


How to convert Blob to File in JavaScript

I have a format of &quot;Jan. 27, 2015 at 8:17 AM&quot; that I need to display using moment.js. I&#39;m using the format 

    moment.format(&#39;MMM. D, YYYY at h:mm A z&#39;);

Everything works great except for the word &quot;at&quot;. How can I get that word to display as a word instead of the &quot;a&quot; in &quot;at&quot; being translated to the &quot;am/pm&quot;. Right now using that date format it ends up looking like this: Jan. 27, 2015 amt 8:17 AM. Notice the &quot;amt&quot; instead of &quot;at&quot;.

Is there any simple way of getting it to not process the &quot;a&quot; as part of the format? I have already tried splitting the output and manually entering the &quot;at&quot; after the third space but I&#39;d like a cleaner code if possible.

Moment.js Include text in middle of date format

I have a format of "Jan. 27, 2015 at 8:17 AM" that I need to display using moment.js. I'm using the format
<pre><code class="hljs language-lua">moment.format('MMM. D, YYYY at h:mm A z');
</code></pre>
Everything works great except for the word "at". How can I get that word to display as a word instead of the "a" in "at" being translated to the "am/pm". Right now using that date format it ends up looking like this: Jan. 27, 2015 amt 8:17 AM. Notice the "amt" instead of "at".
Is there any simple way of getting it to not process the "a" as part of the format? I have already tried splitting the output and manually entering the "at" after the third space but I'd like a cleaner code if possible.

I need to open a Bootstrap Modal from clicking on a button in a Bootstrap navbar and other places (**to show data for a component instance, ie. providing &quot;editing&quot; functionality**), but I don&#39;t know how to accomplish this. Here is my code:

**EDIT: Code updated.**


    ApplicationContainer = React.createClass({
        render: function() {
            return (
                &lt;div className=&quot;container-fluid&quot;&gt;
                &lt;NavBar /&gt;
                    &lt;div className=&quot;row&quot;&gt;
                        &lt;div className=&quot;col-md-2&quot;&gt;
                            &lt;ScheduleEntryList /&gt;
                        &lt;/div&gt;
                        &lt;div className=&quot;col-md-10&quot;&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;ScheduleEntryModal /&gt;
                &lt;/div&gt;
            );
        }
    });
    
    NavBar = React.createClass({
        render: function() {
            return (
                &lt;nav className=&quot;navbar navbar-default navbar-fixed-top&quot;&gt;
                    &lt;div className=&quot;container-fluid&quot;&gt;
                        &lt;div className=&quot;navbar-header&quot;&gt;
                            &lt;a className=&quot;navbar-brand&quot; href=&quot;#&quot;&gt;
                                &lt;span className=&quot;glyphicon glyphicon-eye-open&quot;&gt;&lt;/span&gt;
                            &lt;/a&gt;
                        &lt;/div&gt;
                        &lt;form className=&quot;navbar-form navbar-left&quot;&gt;
                            &lt;button className=&quot;btn btn-primary&quot; type=&quot;button&quot; data-toggle=&quot;modal&quot; data-target=&quot;#scheduleentry-modal&quot;&gt;
                                &lt;span className=&quot;glyphicon glyphicon-plus&quot;&gt;
                                &lt;/span&gt;
                            &lt;/button&gt;
                        &lt;/form&gt;
                        &lt;ul className=&quot;nav navbar-nav navbar-right&quot;&gt;
                            &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;span className=&quot;glyphicon glyphicon-user&quot;&gt;&lt;/span&gt; Username&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/nav&gt;
            );
        }
    });
    
    ScheduleEntryList = React.createClass({
        getInitialState: function() {
            return {data: []}
        },
    
        loadData: function() {
            $.ajax({
                url: &quot;/api/tasks&quot;,
                dataType: &quot;json&quot;,
    
                success: function(data) {
                    this.setState({data: data});
                }.bind(this),
    
                error: function(xhr, status, error) {
                    console.error(&quot;/api/tasks&quot;, status, error.toString());
                }.bind(this)
            });
        },
    
        componentWillMount: function() {
            this.loadData();
            setInterval(this.loadData, 20000);
        },
    
        render: function() {
            items = this.state.data.map(function(item) {
                return &lt;ScheduleEntryListItem item={item}&gt;&lt;/ScheduleEntryListItem&gt;;
            });
    
            return (
                &lt;div className=&quot;list-group&quot;&gt;
                    &lt;a className=&quot;list-group-item active&quot;&gt;
                        &lt;h5 className=&quot;list-group-item-heading&quot;&gt;Upcoming&lt;/h5&gt;
                    &lt;/a&gt;
                    {items}
                &lt;/div&gt;
            );
        }
    });
    
    ScheduleEntryListItem = React.createClass({
        openModal: function() {
            $(&quot;#scheduleentry-modal&quot;).modal(&quot;show&quot;);
        },
    
        render: function() {
            deadline = moment(this.props.item.deadline).format(&quot;MMM Do YYYY, h:mm A&quot;);
    
            return (
                &lt;a className=&quot;list-group-item&quot; href=&quot;#&quot; onClick={this.openModal}&gt;
                    &lt;h5 className=&quot;list-group-item-heading&quot;&gt;
                        {this.props.item.title}
                    &lt;/h5&gt;
                    &lt;small className=&quot;list-group-item-text&quot;&gt;
                        {deadline}
                    &lt;/small&gt;
                &lt;/a&gt;
            );
        }
    });
    
    Modal = React.createClass({
        componentDidMount: function() {
            $(this.getDOMNode())
                .modal({backdrop: &quot;static&quot;, keyboard: true, show: false});
        },
    
        componentWillUnmount: function() {
            $(this.getDOMNode())
                .off(&quot;hidden&quot;, this.handleHidden);
        },
    
        open: function() {
            $(this.getDOMNode()).modal(&quot;show&quot;);
        },
    
        close: function() {
            $(this.getDOMNode()).modal(&quot;hide&quot;);
        },
    
        render: function() {
            return (
                &lt;div id=&quot;scheduleentry-modal&quot; className=&quot;modal fade&quot; tabIndex=&quot;-1&quot;&gt;
                    &lt;div className=&quot;modal-dialog&quot;&gt;
                        &lt;div className=&quot;modal-content&quot;&gt;
                            &lt;div className=&quot;modal-header&quot;&gt;
                                &lt;button type=&quot;button&quot; className=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;
                                    &lt;span&gt;&amp;times;&lt;/span&gt;
                                &lt;/button&gt;
                                &lt;h4 className=&quot;modal-title&quot;&gt;{this.props.title}&lt;/h4&gt;
                            &lt;/div&gt;
                            &lt;div className=&quot;modal-body&quot;&gt;
                                {this.props.children}
                            &lt;/div&gt;
                            &lt;div className=&quot;modal-footer&quot;&gt;
                                &lt;button type=&quot;button&quot; className=&quot;btn btn-danger pull-left&quot; data-dismiss=&quot;modal&quot;&gt;Delete&lt;/button&gt;
                                &lt;button type=&quot;button&quot; className=&quot;btn btn-primary&quot;&gt;Save&lt;/button&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
    
            )
        }
    });
    
    ScheduleEntryModal = React.createClass({
        render: function() {
            var modal = null;
            modal = (
                &lt;Modal title=&quot;Add Schedule Entry&quot;&gt;
                        &lt;form className=&quot;form-horizontal&quot;&gt;
                            &lt;div className=&quot;form-group&quot;&gt;
                                &lt;label htmlFor=&quot;title&quot; className=&quot;col-sm-2 control-label&quot;&gt;Title&lt;/label&gt;
                                &lt;div className=&quot;col-sm-10&quot;&gt;
                                    &lt;input id=&quot;title&quot; className=&quot;form-control&quot; type=&quot;text&quot; placeholder=&quot;Title&quot; ref=&quot;title&quot; name=&quot;title&quot;/&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div className=&quot;form-group&quot;&gt;
                                &lt;label htmlFor=&quot;deadline&quot; className=&quot;col-sm-2 control-label&quot;&gt;Deadline&lt;/label&gt;
                                &lt;div className=&quot;col-sm-10&quot;&gt;
                                    &lt;input id=&quot;deadline&quot; className=&quot;form-control&quot; type=&quot;datetime-local&quot; ref=&quot;deadline&quot; name=&quot;deadline&quot;/&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div className=&quot;form-group&quot;&gt;
                                &lt;label htmlFor=&quot;completed&quot; className=&quot;col-sm-2 control-label&quot;&gt;Completed&lt;/label&gt;
                                &lt;div className=&quot;col-sm-10&quot;&gt;
                                    &lt;input id=&quot;completed&quot; className=&quot;form-control&quot; type=&quot;checkbox&quot; placeholder=&quot;completed&quot; ref=&quot;completed&quot; name=&quot;completed&quot;/&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div className=&quot;form-group&quot;&gt;
                                &lt;label htmlFor=&quot;description&quot; className=&quot;col-sm-2 control-label&quot;&gt;Description&lt;/label&gt;
                                &lt;div className=&quot;col-sm-10&quot;&gt;
                                    &lt;textarea id=&quot;description&quot; className=&quot;form-control&quot; placeholder=&quot;Description&quot; ref=&quot;description&quot; name=&quot;description&quot;/&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/form&gt;
                &lt;/Modal&gt;
            );
    
            return (
                &lt;div className=&quot;scheduleentry-modal&quot;&gt;
                    {modal}
                &lt;/div&gt;
            );
        }
    });

Other comments and improvements to the code are appreciated.

Bootstrap modal in React.js

I have restructured my code to [promises][1], and built a wonderful long **flat promise chain**, consisting of multiple `.then()` callbacks. In the end I want to return some composite value, and need to access multiple **intermediate promise results**. However the resolution values from the middle of the sequence are not in scope in the last callback, how do I access them?

    function getExample() {
        return promiseA(…).then(function(resultA) {
            // Some processing
            return promiseB(…);
        }).then(function(resultB) {
            // More processing
            return // How do I gain access to resultA here?
        });
    }

  [1]: https://en.wikipedia.org/wiki/Futures_and_promises


How do I access previous promise results in a .then() chain?

Articles on React.js like to point out, that React.js is great for SEO purposes. Unfortunately, I&#39;ve never read, how you actually do it.
Do you simply implement `_escaped_fragment_` as in https://developers.google.com/webmasters/ajax-crawling/docs/getting-started and let React render the page on the server, when the url contains `_escaped_fragment_`, or is there more to it?

Being able not to rely on `_escaped_fragment_` would be great, as probably not all potentially crawling sites (e.g. in sharing functionalities) implement `_escaped_fragment_`.

How do you use React.js for SEO?

I am currently working with materialize CSS and it seems I&#39;ve gotten snagged with the select fields.

I&#39;m using the example provided from their site but unfortunately it it&#39;s rendering in the view whatsoever.  I was wondering if someone else might be able to help.

What I am trying to do is create a row with 2 end spacers that provide padding - then within the inner two row items there should be a search text input and a search select dropdown.

This is the example I&#39;m working from: http://materializecss.com/forms.html

Thank you in advance.

Here is the snippet of code in question.

    &lt;div class=&quot;row&quot;&gt;
    &lt;form class=&quot;col s12&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;input-field col s2&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;input-field col s5&quot;&gt;
                &lt;input id=&quot;icon_prefix&quot; type=&quot;text&quot; class=&quot;validate&quot; /&gt;
                &lt;label for=&quot;icon_prefix&quot;&gt;Search&lt;/label&gt;
            &lt;/div&gt;
            &lt;div class=&quot;input-field col s3&quot;&gt;
                &lt;label&gt;Materialize Select&lt;/label&gt;
                &lt;select&gt;
                    &lt;option value=&quot;&quot; disabled=&quot;disabled&quot; selected=&quot;selected&quot;&gt;Choose your option&lt;/option&gt;
                    &lt;option value=&quot;1&quot;&gt;Option 1&lt;/option&gt;
                    &lt;option value=&quot;2&quot;&gt;Option 2&lt;/option&gt;
                    &lt;option value=&quot;3&quot;&gt;Option 3&lt;/option&gt;
                &lt;/select&gt;
            &lt;/div&gt;
            &lt;div class=&quot;input-field col s2&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/form&gt;
&lt;/div&gt;

Materialize CSS - Select Doesn&#39;t Seem to Render

I have a React component called `&lt;SensorList /&gt;` that has many child `&lt;SensorItem /&gt;`s (another React component). I want to be able to declare an `onClick` event on each `&lt;SensorItem /&gt;` from within `&lt;SensorList /&gt;`. I have tried doing the following:

    sensorSelected: function(sensor) {
        console.log(&#39;Clicked!&#39;);
    },

    render: function() {
        var nodes = this.state.sensors.map(function(sensor) {
            return (
                &lt;SensorItem onClick={ this.sensorSelected } /&gt;
            );
        }.bind(this));

        return (
            &lt;div className=&quot;sensor-list&quot;&gt;
                { nodes }
            &lt;/div&gt;
        );
    }

Needless to say, I do not get any &quot;Clicked!&quot; coming up in my console. The React inspector in Chrome indicates that an `onClick` event is registered, with the above function body as it should be.

I conclude, therefore, that I can&#39;t register `onClick` events on the actual `&lt;SensorItem /&gt;` tags (I&#39;m not sure why this is, however). How do I go about achieving this otherwise?

React onClick event on component

I am using Moment.js to parse a string and get the day, month and year separately:  

    var date = moment(&quot;12-25-1995&quot;, &quot;MM-DD-YYYY&quot;);
    var day = date.day();        

However, `day` is not 25—it&#39;s 1. What is the correct API method?

.day() returns wrong day of month with Moment.js

I need to validate the date from the user and check if it is in a particular format. If yes, then it will be accepted else it will not be. I am looking for sort of 
    
    value.match(&quot;regular expression&quot;) 

The above works fine if, I  have to choose from few formats. So, I came across this moment.js and interested in knowing how to use isSame(). I tried implementing it but unsuccessful.  Like :

    var x=moment(&quot;MM/DD/YYYY&quot;) ;
    x.isSame(&quot;28-02-1999&quot;);  // am getting false which is right
    var x=moment(&quot;28-02-1999&quot;,&quot;DD-MM-YYYY&quot;) ;
    x.isSame(&quot;28-02-1999&quot;);  // am getting false which is wrong

So, please help in that.
Thanks


isSame() function in moment.js or Date Validation

What is the easiest equivalent of `date.setHours(0,0,0,0)` when using moment.js?

Basically, if I need a `new Date()` moment with hours, minutes, seconds, and milliseconds zeroed out.

.setHours(0,0,0,0) with moment.js

I use the Moment.js and Moment-Timezone frameworks, and have a Moment.js date object which is explicitly in UTC timezone. How can I convert that to the current timezone of the browser?

    var testDateUtc = moment.tz(&quot;2015-01-30 10:00:00&quot;, &quot;UTC&quot;);
    var localDate = ???


So it would be fine if I could find out the users local time zone; or alternatively I&#39;d like to convert the date object into another data object which just uses the &quot;local timezone&quot;, no matter what that actually is.

How to convert Moment.js date to users local timezone?

I am new to moment.js. I have a date object and it has some time associated with it. I just want to check if that date is greater than or equal to today&#39;s date, ***excluding the time when comparing.***

     var dateToCompare = 2015-04-06T18:30:00.000Z

I just want to check if dateToCompare is equal or greater than today&#39;s date.
I have checked isSame of moment.js, but it seems to take string and only the date part. But I do not want to convert my date to string or manipulate it further. Because I am worried that javascript may do something unexpected when converting that date to string(like adding the offset or dst,etc), or may be I am wrong.

Sample isSame() from docs

    moment(&#39;2010-10-20&#39;).isSame(&#39;2010-10-20&#39;);
Also I am looking for something like isSame() and isAfter() combined as one statement.

I need to compare using moment.js only.Please do not suggest plain javascript date comparison.

Content Type	Original Author	Original Content on Stackoverflow
Question	BlueCaret	View Question on Stackoverflow
Solution 1 - Javascript	DanielST	View Answer on Stackoverflow

Moment.js Include text in middle of date format

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to convert Blob to File in JavaScript

(Why) do we need to call cache or persist on a RDD

Attributions