如何使用Javascript显示下拉列表?

如何使用Javascript显示下拉列表?,javascript,jquery,time,Javascript,Jquery,Time,我想显示一个时间列表下拉列表,以30分钟为间隔,以日期为基础。如果日期为今天且超过时间,则将禁用过去时间。如果日期不是今天,那么它将显示所有的时间列表 让$select=jQuerys\u时间; 对于let hr=8;hr

我想显示一个时间列表下拉列表,以30分钟为间隔,以日期为基础。如果日期为今天且超过时间,则将禁用过去时间。如果日期不是今天,那么它将显示所有的时间列表

让$select=jQuerys\u时间; 对于let hr=8;hr<22;人力资源++{ 设hrStr=hr.toString.padStart2,0+:; 设val=hrStr+00; $select.append+val+; val=hrStr+30; $select.append+val+ } 您可以有条件地禁用这些选项。请尝试以下操作:

让$select=$s_时间; 对于let hr=8;hr<22;人力资源++{ 设hrStr=hr.toString.padStart2,0+:; 设val=hrStr+00; $select.append+val+; val=hrStr+30; $select.append+val+ } 您可以有条件地禁用这些选项。请尝试以下操作:

让$select=$s_时间; 对于let hr=8;hr<22;人力资源++{ 设hrStr=hr.toString.padStart2,0+:; 设val=hrStr+00; $select.append+val+; val=hrStr+30; $select.append+val+ }
首先,我们需要将给定的日期与今天的日期进行比较

Javascript代码


我希望这有帮助!:

首先,我们需要将给定日期与今天的日期进行比较

Javascript代码


我希望这有帮助!:

日期属性在哪里?是否只为将来的日期启用时间选择器?日期属性在哪里?是否只为将来的日期启用时间选择器?
var GivenDate = '2019-06-20';
var CurrentDate = new Date();
GivenDate = new Date(GivenDate);

if(GivenDate > CurrentDate){
   // enable select field 
     $('#s_time').prop('disabled', false);
}else{
   // disable select field 
    $('#s_time').prop('disabled', true);
}