is8r

/*
 
 Cookie Manager
 
 howto:
    load:
        let hasCookie = CookieManager().loadCookies()
    save:
        CookieManager().saveCookies()
    delete:

is8r

setMinMax(self) {
    var input_from = self.tags.from.root.querySelector('input')
    var input_to = self.tags.to.root.querySelector('input')
    ...
}

is8r

<form onsubmit={ submit }>
    <riot-period-input name="from" v={ from.format('YYYY-MM-DD') }></riot-period-input>
    〜
    <riot-period-input name="to" v={ to.format('YYYY-MM-DD') }></riot-period-input>
    <button type="submit" class="btn btn-secondary">決定</button>
</form>

is8r

isActive(period, type) {
  if(this.period == period && this.period_type == type) {
    return true
  } else {
    return false
  }
}

is8r

<a class={dropdown-item: true, active: isActive(1, 'months')} ...>今月</a>

is8r

onclick(e) {
    e.preventDefault()
    var period = e.target.getAttribute('data-period')
    var type = e.target.getAttribute('data-period-type')
    ...
}

is8r

$(document).on('click', '.dropdown-menu', function(e) {
    e.stopPropagation()
});

is8r

var input = this.root.querySelector('input')
var now = input.value
if(moment(now).isBetween(input.min, input.max)) {
    //新しい値に変更する
} else {
    //元の値に戻す
}

is8r

this.on('mount', function() {
    var input = this.root.querySelector('input')
    if('ontouchstart' in window) {
        // タップイベントがある場合にはinput[type=date]に変更
    } else {
        // タップイベントが無い場合にはPikadayプラグインを使用
    }
})

is8r

<riot-period></riot-period>
<script src="./javascripts/components/riot-period.tag" type="riot/tag"></script>
<script>riot.mount('*')</script>