我正在构建一个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>
开始时间、结束时间和最短工作时间
实际上,我希望用户不能给予超过计算的开始时间和结束时间
1条答案
按热度按时间nhjlsmyf1#
如果我对问题的理解正确的话,那么您应该会发现所提供的输入字段start time和end time之间的差异