如何根据当前时间显示不同的复选框名称？
如何根据当前时间显示不同的复选框名称？
提问于 2016-06-29 12:53:46
我正在构建一个应用程序来提醒人们服用药物，这个应用程序将显示用户根据当前时间应该服用的药物，例如，如果用户需要在上午10点服用药物1和2，那么当时间是上午10点-10:59时，复选框将显示“药物1”和“药物2”，供用户勾选。但是，如果用户需要在晚上9点服用药物3和4，那么在晚上9点至9点59分，复选框将显示“药物3”和“药物4”。
我目前拥有的html：
<div id=aa style="display:none">
<form>
<input type="checkbox" name="Medication 1" value="one">Supplement One<br>
<input type="checkbox" name="Medication 2" value="two">Supplement Two<br>
<input id=xbutton type="button" onClick="validate()" value="Submit">
</form>
</div>现在，您可以看到，应用程序将只显示药物1和药物2，无论什么时候用户打开应用程序。是否有办法使复选框根据当前时间显示不同的单词？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-06-29 13:26:20
只是设计而已。它可以通过以下几种方式实现：
使用JavaScript获取当前时间
var dt = new Date();
var time = dt.getHours();也可以由jQuery(更清洁)完成。
您可以首先在HTML中包含所有复选框，但可以设置它们的display: none;。
现在，您可以设置js以相应地工作，如下所示：
If(time > 9 && time < 10) //9am-10am
{
$('#medication1').css('display','block');
$('#medication2').css('display','block');
}就像这样，您可以为其他时间段设置js。确保在设置特定复选框( display: block; )之前为所有药物复选框设置 display: none;，这将清除以前设置为可见的复选框。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38100195
复制相关文章
相似问题
腾讯云开发者
