[SalesForce] Change Date Format In Lightning

So far I found out a good way is the usage of <aura:method> (https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/ref_tag_method.htm?search_text=aura:method

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/js_cmp_methods.htm?search_text=aura:method)

Rather bind directly on both change events individual I wrote one method which accepts two parameters for both values:

<aura:method name="setDateRange" action="{!c.onSetDateRange}" access="PUBLIC"
    description="Initializes component with the start and end date of the date range">
    <aura:attribute name="startDate" type="Date" />
    <aura:attribute name="endDate" type="Date" />
</aura:method>

where inside my controller I do the validation logic like

onSetDateRange: function(component, event, helper) {
    //get the passed in date values
    var params = event.getParam("arguments");
    var newStartDate = params.startDate;
    var newEndDate = params.endDate;

    //validate newStartDate is before newEndDate, otherwise change order
    if($A.localizationService.isBefore(newStartDate, newEndDate))
    {
        //change order and store the new values in the component 
        component.set("v.startDate", newEndDate);
        component.set("v.endDate", newStartDate);
    }
    else
    {
        //directly store new values
        component.set("v.startDate", newStartDate);
        component.set("v.endDate", newEndDate);
    }

},

and storing the values in private like attribute way:

<aura:attribute name="startDate" type="Date" access="PRIVATE" />
<aura:attribute name="endDate" type="Date" access="PRIVATE" />

So no more change handler on the attributes.

The downside is that I can only call the method from JavaScript and not directly set values through expressions in the component markup.

Hope that helps Chris

You can pass javascript date object to the apex date field..

initialise the js date from the date string and pass the js date variable

var dt = new Date('2015-12-12');
var oppDetails = { Name: 'Test Opp', CloseDate: dt, StageName:'New' };

here's the full code I tested in my dev org which worked..

<apex:page >
  <script type="text/javascript">
     function createOpp(){    
        var dt = new Date('2015-12-12');
        var oppDetails = { Name: 'Test Opp', CloseDate: dt, StageName:'New' };
        var opp = new RemoteObjectModel.Opportunity();
        opp.create(oppDetails, function(err) {
            if(err) { 
                console.log(err);
                alert(err.message);
            }
            else {
                console.log(opp.get('Id')); 
                alert('success');
            }
        });
     }
  </script>
  <apex:remoteObjects jsNamespace="RemoteObjectModel">
    <apex:remoteObjectModel name="Opportunity" fields="Id,Name,CloseDate,StageName">
    </apex:remoteObjectModel>
  </apex:remoteObjects>
  <input type="button" onClick="createOpp()" value="Create Opp" />
</apex:page>