Question

我有2个带有日期时间选择器的html表单。我想限制用户选择第二个选项，以仅允许他们选择第一个日期选择日期之后的日期。

只是不知道如何。谢谢。

p.s。我注意到其他类似的问题包括jquery，但是由于对此不满意，有没有办法使用香草js？

html：

<div>
<label> Travel date: </label>
  <input type="datetime-local" name="DateTime">
<label> Return date: </label>
  <input type="datetime-local" name="ReturnDateTime">
</div>

Answer 1

默认情况下，禁用第一个日期选择器，当用户选择第一个日期时，启用第二个日期选择器，

export const authenticate = (action$, state$) => action$.pipe(
    ofType(actions.API_AUTHENTICATE),
    mergeMap(action =>
        from(state$.value.apiState.apiClient.authenticate(state$.value.apiState.bearer)).pipe(
            map(bearer => apiActions.authenticatedSuccess(bearer))
        )
    )
)

export const authenticatedSuccess = (action$, state$) => action$.pipe(
   ofType(actions.API_AUTHENTICATED_SUCCESS),
    concatMap(action => concat(
        of(resourceActions.doLoadAResource()),
        of(resourceActions.doLoadOtherResource()),
        of(resourceActions.doLoadSomethingElse()))
      )
)

您的html喜欢

  //your javascript should be like 
  function handleFirstDateSelect(){
    let datepicker2=document.getElementById('date2')
          datepicker2.disabled=false;
//rest of your code
  }

将第二个日期选择限制为仅在第一个之后

1 个答案: