Giter Club home page Giter Club logo

rome's Introduction

rome


https://github.com/bevacqua/rome

https://bevacqua.github.io/rome/

npm install --save rome
bower install --save rome

npm install
gulp watch
open index.html
<script src='moment.js'></script>
<script src='rome.standalone.js'></script>

<script src='rome.js'></script>

<input id='input' class='input' value='2018-11-29 21:00' />
<input id='inputTwo' class='input' />

<div id='parent'></div>
<div id='result'>(choose)</div>
rome(input);

rome(input);
rome(inputTwo, { initialValue: '2018-11-29 08:36' });

rome(input, { weekStart: 1 });

rome(input, { time: false });

rome(input, { monthsInCalendar: 2 });

var picker = rome(input);
toggle.addEventListener('click', function () {
  if(picker.destroyed){
    picker.restore();
  } else {
    picker.destroy();
  }
});

rome(input, { min: '2018-11-29', max: '2018-11-29' });

rome(input, { min: '2018-11-29 19:24', max: '2018-11-29 08:30' });

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

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) && isAfter(end);
  }
});

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

rome(parent).on('data', function(value){
  result.innerText = value;
});

rome(left, {
  dateValidator: rome.val.beforeEq(right)
});
rome(right, {
  dateValidator: rome.val.afterEq(left)
});

rome(left, {
  dateValidator: rome.val.beforeEq(right)
});
rome(right, {
  dateValidator: rome.val.afterEq(left)
});

rome(first, {
  dateValidator: rome.val.except('2018-11-29')
});
rome(second, {
  dateValidator: rome.val.except('2018-11-29', '2018-11-20')
});
rome(third, {
  dateValidator: rome.val.except(['2018-11-29', '2018-11-29'])
});
rome(fourth, {
  dateValidator: rome.val.except([
    ['2018-11-29', '2018-11-29', '2018-11-29']
  ])
});
rome(fifth, {
  dateValidator: rome.val.only([
    ['2018-11-29', '2018-11-30'], '2018-11-22'
  ])
});
rome(sixth, {
  dateValidator: rome.val.except([second, fourth, '2018-11-29'])
});


rome's People

Contributors

takagotch avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.