• A new version of Full Calendar is now available.

    See the details here

Comparing two dates in javascript

  • Views Views: 18,934
  • Last updated Last updated:

Navigation

Development - Fabrik-based Web sites
   Application Tutorials - Real Examples
      Community Builder Interests Picklist
   AutoFading System Messages
   Common Javascript Tasks
   Common PHP tasks
      Check age from DoB in PHP
      Days between 2 dates in PHP
   Content type
   Email templates
   Handy SQL Snips
      How to use field records to filter your db_join?
   How do I ... Developer
      Promote from Dev to Production
   Image overrides
   Javascript
      Form Javascript Objects
      JavaScript Window Class
      Javascript: Elements
      List JavaScript
      User ajax
   Javascript common tasks
      Comparing two dates in javascript
      Masking areas whilst ajax updates
      Select a radio / checkbox in JS
      Setting one date depending on an other
   Javascript Interactivity (+)
   Override default Joomla Login page
   PHP helper functions
   Using eval

Wiki index

Page
  • Edit your end Date element.
    Add a new blur event with the following code:

    Javascript: 

    
var startid= 'jos_events___start_date_cal';
    
 
    
var endid = 'jos_events___end_date_cal';
    
 
    
var start = document.id(startid).get('value').split('-');
    
 
    
var end = document.id(endid).get('value').split('-');
    
 
    
if (start.length > 1) {
    
  var startdate = new Date();
    
  startdate.setFullYear(start[0]);
    
  startdate.setMonth(start[1].toInt() - 1);
    
  startdate.setDate(start[2]);
    
  var enddate = new Date();
    
  enddate.setFullYear(end[0]);
    
  enddate.setMonth(end[1].toInt() - 1);
    
  enddate.setDate(end[2]);
    
  if (enddate < startdate) {
    
    alert('woops your end date is earlier than your start date');
    
    document.id(endid).value = [I];[/I]
    
  }
    
 
    
}

    Edit it so that the first two lines point to the id's of your start and end date fields. This also presumes that your date Elements are recording the dates in the format 'yyyy-mm-dd';
Back
Top