まったくの初心者で申し訳ありませんが、お分かりになる方がいらっしゃいましたらお教えいただければ幸いです。
現在、日付フィールドとドロップダウン(時間帯を選択)を組み合わせて、予約フォームを作成しています。
当日予約の場合、入力時の2時間以降の時間帯のみを選択させるようにしたいと考えております。
例)
4/14の14:00に、当日の予約をする場合、
日付フィールドのカレンダーで「4/14」を選択されたら
↓
ドロップダウンで16:00以降の時間帯しか選択できなくなる
といった感じです。
javascriptで上記のような制御をすることは可能でしょうか？
また日付の方は
(function () {
fb.events.form.mounted = [
function(state) {
document.addEventListener('click', function(e){
var element=e.target, row, cell;
while(element.parentNode.classList){
if(element.classList.contains('el-date-table__row')) row = element;
if(element.parentNode.classList.contains('el-date-table__row')) cell = element;
element = element.parentNode;
}
if(row && cell){
if([].slice.call(row.children).indexOf(cell)===0 || [].slice.call(row.children).indexOf(cell)===6){
e.stopPropagation();
alert('土日は選択できません');
}
}
}, true);
]
})();
上記のように土日が選択できないようにする制御を行っております。
こちらと干渉する可能性がないかも懸念しております。
何とぞよろしくお願いいたします。