Rome.js Examples

Pick a date and a time:

      
rome(input);

Weeks starting on monday:

      
rome(input, { weekStart: 1 });

Pick a date:

      
rome(input, { time: false });

Pick a time:

      
rome(input, { date: false });

Remove and restore rome at will:

      
var picker = rome(input); // rome.find(input) also returns picker

toggle.addEventListener('click', function () {
  if (picker.restore) {
    picker.restore();
  } else {
    picker.destroy();
  }
});

Pick a date between 2013-12-30 and 2014-10-01:

      
rome(input, { min: '2013-12-30', max: '2014-10-01' });

It works great with specific date and time too!

      
rome(input, { min: '2014-04-30 19:45', max: '2014-09-01 08:30' });

Tired of people thinking saturdays are 'valid' dates?

      
rome(input, {
  dateValidator: function (d) {
    return moment(d).day() !== 6;
  }
});

Winter doesn't meet your fancy?

      
rome(input, {
  dateValidator: function (d) {
    var m = moment(d);
    var y = m.year();
    var f = 'MM-DD';
    var start = moment('12-21', f).year(y).startOf('day');
    var end = moment('03-19', f).year(y).endOf('day');
    return m.isBefore(start) && m.isAfter(end);
  }
});

Sure enough, it also allows you to define specific time ranges

      
rome(input, {
  timeValidator: function (d) {
    var m = moment(d);
    var start = m.clone().hour(12).minute(59).second(59);
    var end = m.clone().hour(18).minute(0).second(1);
    return m.isAfter(start) && m.isBefore(end);
  }
});