时间、勾勾、input框 各种小技巧

本文介绍了在前端开发中遇到的一些常见问题及其解决方案,包括如何回填数据并显示勾选状态,如何进行时间差判断,如何将字符串转换为日期并相加,输入密码时的显示问题,以及获取当前日期和具体时间的方法。这些技巧对于日常开发工作十分实用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天跟大家讲一下在做项目过程所出现的中各种小问题;自已罗列出来的;
一、回填勾勾的打上:
回填这个数据如果为true 就打上勾勾;为false就不勾勾;
图一、
在这里插入图片描述

如果你在数据库那里查询出啊像往常那样回填的话,你是无法回填的;
往常的回填,这种打不上勾勾;
$(“#dd”).val(data[].dd)
解决办法:
if (data[0].ToVoidNo) $("#ToVoidNo")[0].checked = true;//是否勾选;
这种办法就正的方向不行;就逆着方向来的意思;
二、用 0 来判断两个时间相减的值大于0;就是数值不为复数;正情况下与0 做比较是会报错的;0 为整数;
解决办法:
声明一个变量:
var VV = 0;
TimeSpan F = TimeSpan.FromMinutes(VV);
这样就可以把相减的数与0做比较了;

三、如何实现nvarchare(输入的是阿拉伯数字)与datatime类型相加;在返回一个datatime类型;
var OldTime = new Date(data[0].KaTime).getTime();
var NewTime = OldTime + (data[0].Deadline * 24 * 60 * 60 * 1000);
var JieGuo = new Date(NewTime).toLocaleDateString();
$("#ValidTime").val(JieGuo);//两者相加 ;相加返回的新时间
这样只要就是利用时间相乘:用 输入的数值 乘于一天24 小时;乘一个小时60分;乘一分60秒;乘一秒1000毫秒
最后在toLocaleDateString 利用这个属性;来转一下即可;
四、在input框输入的密码无法正常看到;
图二、
在这里插入图片描述
< input type=“password” class=“form-control” name=“NewPassword” id=“NewPassword” />
输入这个属性值即可:type=“password”

如果是通过 ViewBag 这种来回填数据的;当你要修改获取他的值的话也不能像获取input框的值那样获取;
往常值的获取:var Card = $("#Cardumber").val();
解决办法: var card= ‘@ViewBag.userName’可以这样用’’这样把他围起来就可以了。这样就可以获取回填上去的那个值了。
五、通过JS去写如何获取当天时间
var month = (new Date().getMonth + 1) > 10 ? (new Date().getMonth + 1) : (“0” + (new Date().getMonth + 1));
var day = new Date().getDate > 10 ? new Date().getDate : (“0” + new Date().getDate);
$("#ReserveTime").val(new Date().getFullYear() + “-” + (new Date().getMonth + 1) + “-” + new Date().getDate());
图三、效果图
在这里插入图片描述
注:这个是获取到当天时间的年月日;
六、写一个方法获取当天的具体时间
function today() {
var today = new Date();
var h = today.getFullYear();
var m = today.getMonth() + 1;
var d = today.getDate();
var H = today.getHours();
var M = today.getMinutes();
var S = today.getSeconds()

return h + “-” + m + “-” + d + " " + H + “:” + M + “:” + S;
}
document.getElementById(“today”).value = today();

注:稍稍做了一些改善;这个方法只需要在input框里面去调用它就可以了; 这样就可以获取当天时间的年月日时分秒;
下面格式不完全统一;这个主要是为了与数据库格式相对应方便存储所弄出来。 如果大家不用考虑到数据的存储问题;大家对它的格式稍稍改变一下即可;
图四、
在这里插入图片描述
好了,内容就这么多,不足之处请多多包涵;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值