Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据时间选择开关输入_Javascript_Html_Css - Fatal编程技术网

Javascript 根据时间选择开关输入

Javascript 根据时间选择开关输入,javascript,html,css,Javascript,Html,Css,我目前正在编写一个小程序,将工人在早上保存为“IN”,并保存为“OUT”,我希望该程序在早上将收音机切换为“IN”,并禁用“OUT”。下午做同样的事情,将收音机切换到“OUT”并禁用“in” 功能启用禁用(){ var today=新日期(); var curHr=today.getHours(); 如果(电流>12){ option1.disabled=true; 选项1.disabled=false; 警惕(“过来”); }否则{ 选项1.disabled=false; option2.d

我目前正在编写一个小程序,将工人在早上保存为“IN”,并保存为“OUT”,我希望该程序在早上将收音机切换为“IN”,并禁用“OUT”。下午做同样的事情,将收音机切换到“OUT”并禁用“in”

功能启用禁用(){
var today=新日期();
var curHr=today.getHours();
如果(电流>12){
option1.disabled=true;
选项1.disabled=false;
警惕(“过来”);
}否则{
选项1.disabled=false;
option2.disabled=true;;
}
};

在里面
出来

我建议您拆分功能。您不应该尝试在同一个方法中处理多重播放状态。您的项目需要以下方法:

  • Init(h)启动项目时调用一次的函数
  • 签入(输入)处理保存签入时间的函数
  • 签出(输入)处理节省签出时间的函数
剩下的功能,如在12点之前未检查时禁用IN按钮,应该是它自己的方法,并且可以间隔处理

最终,你会得到这样的结果:

const init=(h)=>{
const btnGroup=document.querySelector('.btn group');
const btnsaccess=btnGroup.querySelector('.btn success input');
常量BtandAger=btnGroup.querySelector(“.btn危险输入”);
常数isMorning=h>6&&h<12;
常数isAfternoon=h>12&&h<20;
如果(isMorning){
btnsaccess.disabled=false;
btndager.disabled=true;
}否则,如果(下午){
btnsaccess.disabled=true;
btndager.disabled=false;
}否则{
btnsaccess.disabled=true;
btndager.disabled=true;
}
}
常量签入=(输入)=>{
input.disabled=true;
const today=新日期();
console.log(today.toString());
}
常量签出=(输入)=>{
input.disabled=true;
const today=新日期();
console.log(today.toString());
}
常量设置=()=>{
const hours=新日期().getHours();
初始(小时);
}
//装载
window.addEventListener(“加载”,设置)

在里面
出来

您有选项1.disabled=true;选项1.disabled=false;如果单选按钮中只有两个选项。它们都完全取决于一天中的时间。为什么要做这个单选按钮?它不像用户可以切换它?!请,我只需要在早上自动选择in收音机,然后在下午自动选择out收音机,请回答你的问题?另外研究一下
只读
属性,我认为您需要的是不禁用的
属性。