Rome.js Examples - www.dedemao.com

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 romeat 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-30and 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);
  }
});