JavaScript date-range-picker/helpers/range rangeの例

コード例 #1

ファイル: friendly-month-test.js プロジェクト: wearemolecule/date-range-picker

test('it works', function(assert) {
  let actualMonths = range(1, 13).map(monthIndex => friendlyMonth(monthIndex));

  let expectedMonths = [
    'Jan',
    'Feb',
    'Mar',
    'Apr',
    'May',
    'Jun',
    'Jul',
    'Aug',
    'Sep',
    'Oct',
    'Nov',
    'Dec'
  ];

  assert.deepEqual(actualMonths, expectedMonths, '1 through 12 return MMM formatted month');
});

コード例 #2

ファイル: component.js プロジェクト: wearemolecule/date-range-picker

import Ember from 'ember';
import layout from './template';
import { range } from 'date-range-picker/helpers/range';
import moment from 'moment';

export default Ember.Component.extend({
  allMonths: range(1, 13),
  isExpanded: false,
  layout,
  tagName: "span",

  didRender() {
    if (this.get('isExpanded')) {
      Ember.run.next(this, () => {
        let $container = this.$('.dp-month-body');
        let month = this.get('month');
        if (!month) {
          return;
        }

        let $scrollTo = this.$(`button.dp-month-option:contains("${month.format('MMM')}")`);
        if ($container && $container.length && $scrollTo && $scrollTo.length) {
          $container.scrollTop(
            $scrollTo.offset().top - $container.offset().top + $container.scrollTop()
          );
          $container.animate({
            scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop()
          }, 0);
        }
      });
    }