Question

我正在为大学制定休假管理系统，其中包括休假申请表。有两个字段，即休假天数和休假期间。我需要的是当天数被选择为多于一天时，假期应该从“日期”变为“日期”。否则，当天数为1时，该期限应仅为一个日期。我怎么能实现它？（到目前为止，我在这个项目中只使用了html，php和javascript）

Answer 1

一种方法是绑定到num days输入的blur事件，以便当用户退出该字段时，您可以根据num days值

切换第二个日期输入的可见性

<label>number of days <label> <input type= text id="num-days">

<p>  <label>start date <label>  <input type="text"  class="datepicker" id="start-date">  </p>

<p id="end-date-wrapper"> <label>end date <label>  <input type="text"  class="datepicker"   id="end-date">  </p>


function toggleEndDate(){
var numDays =  parseInt($("#num-days").val());  //TODO validate integer
$('#end-date-wrapper').toggle(numDays > 1);    
}

toggleEndDate();


$("#num-days").blur(toggleEndDate);



$('.datepicker').datepicker();

这是一个工作小提琴演示：

http://jsfiddle.net/FN2mb/1/

字段出现在特定条件下

1 个答案: