[SalesForce] Use JavaScript functions on a Visualforce page

I am using a DateTime field on a Visualforce page which gets its value from the controller. I would like to know if I can use JavaScript or jQuery code directly on the Visualforce page to convert this DateTime Field (DT) to a date field on page load.

I know the JavaScript function is DT.format('MMMM d, yyyy'), but I need some idea on how to implement this.

My Page

<apex:page controller="dateTime_custom">
    {!date}
</apex:page>

Controller

public class dateTime_custom {
    public datetime getdate(){
        return DateTime.Now();
    }
}

Best Answer

Use the param tag and customize the output to the date format. This works. Happy coding.

<apex:page controller="dateTime_custom">
    <apex:outputText value="{0, date, MMMM d','  yyyy}">
        <apex:param value="{!date}" />
    </apex:outputText> 
</apex:page>

Related Solutions

[SalesForce] Comparing dates using javaScript

Build a utility function to convert like this...

// accepts format like dd/mm/yyyy
function parseDate(datestr) {
  var arr = datestr.match(/(\d+)/g);
  var y = parseInt(arr[2]);
  var m = parseInt(arr[1])-1;
  var d = parseInt(arr[0]);
  return new Date(y,m,d);
}

//test
parseDate('23/07/1980'); // => Wed Jul 23 1980 00:00:00 GMT-0400 (EDT)

[SalesForce] How to check that any error message is diplaying in visualforce page

I wonder if you can use the css class errorMsg of the error block:

enter image description here

If this class exists on the page - there is an error:

<apex:page>
<script>
function checkIt(){
    if (jQuery('.errorMsg').length > 0){
        // Error exists
        alert('There is an error on the page!');
    }
    else{
        alert('No errors!');
    }
}
</script>

<apex:commandButton reRender="none" oncomplete="checkIt();" value="Click me"/>

</apex:page>