reactjs 计算reactJ中两次之间的小时数

6l7fqoea  于 2023-01-17  发布在  React
关注(0)|答案(1)|浏览(153)

我正在构建一个HR功能,这里有两个字段,分别是开始时间和结束时间,如果用户从两个输入中给出时间,则会有另一个字段“最低工作时间”,
所以,我希望用户不能给予超过工作时间的开始时间和结束时间,我试过很多方法,也试过用时刻,但是我无法得到任何确切的答案。
下面是我三个输入字段:

<div className="col-xl-3 col-lg-4 col-md-6">
                        <div className="d-flex">
                          <label>Start Time</label>
                          <Required />
                        </div>
                        <Input
                          style={{ marginBottom: "8px", fontSize: "12px" }}
                          value={values?.startTime}
                          name="startTime"
                          type="time"
                          className="form-control"
                          placeholder="Start Time"
                          errors={errors}
                          touched={touched}
                          onChange={(e) =>
                            setFieldValue("startTime", e.target.value)
                          }
                        />
                      </div>
                      <div className="col-xl-3 col-lg-4 col-md-6">
                        <div className="d-flex">
                          <label>End Time</label>
                          <Required />
                        </div>
                        <Input
                          style={{ marginBottom: "8px", fontSize: "12px" }}
                          value={values?.endTime}
                          name="endTime"
                          type="time"
                          className="form-control"
                          placeholder="End Time"
                          errors={errors}
                          touched={touched}
                          onChange={(e) =>
                            setFieldValue("endTime", e.target.value)
                          }
                        />
                      </div>
                      <div className="col-xl-3 col-lg-4 col-md-6">
                        <div className="d-flex">
                          <label>Minimum Working Hour</label>
                          <Required />
                        </div>
                        <Input
                          style={{ marginBottom: "8px", fontSize: "12px" }}
                          value={values?.minimumWorkingHour}
                          name="minimumWorkingHour"
                          type="number"
                          className="form-control"
                          placeholder="Minimum Working Hour"
                          errors={errors}
                          touched={touched}
                          onChange={(e) =>
                            setFieldValue("minimumWorkingHour", e.target.value)
                          }
                        />
                      </div>

开始时间、结束时间和最短工作时间
实际上,我希望用户不能给予超过计算的开始时间和结束时间

nhjlsmyf

nhjlsmyf1#

如果我对问题的理解正确的话,那么您应该会发现所提供的输入字段start time和end time之间的差异

const timeDiff = starttime - endtime
const isTimeValid = timeDiff > minimumWorkingHours

if (!isTimeValid) {
  // return with error
}

相关问题