前端开发中遇到的坑

本文分享了在前端开发过程中遇到的问题及解决方法,包括如何正确使用Bootstrap框架的数据属性和表单提交按钮的type属性。此外,还推荐了一个实用的日期时间插件jquery-ui-timepicker-addon。

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

1、boostrap框架中可以在标签上传入参数,方便js获取。

      如<input type="text" data-id="2" class="test"/>

      在js获取时,以前就使用的是$('.test').data('id')来获取数据,然后本地测试没有问题,but,一到生产上就获取不到了。

      经过修改,只有乖乖地使用$('.test').attr('data-id')来获取数据

2、使用button来提交数据

      在作单页面开发时,form表单中填写数据,提交的按钮是这样写的:<button type="submit" class="">提交</button>,此次使用的是异步提交表单。

      点击提交后,正常处理了,但是,他又同步提交了一次表单,页面进行了跳转,结果报错了 。

      调试了半天,也修改了js什么的,一点儿用都没有。

      最后,才知道是button的type必须设置的button,像<button type="button" class="">提交</button>才正常。真是无语呀


最后,给大家推荐一个日期时间插件,感觉挺好用的(jquery-ui-timepicker-addon)。

因为后台时间类型的大家使用timestamp,所以前端返回时间应该像“yyyy-MM-dd hh24:mm:ss”这种格式的。但目前使用的jquery-datepicker或者boostrape-datetimepicker都不能满足这个条件,要不就是返回“yyyy-MM-dd”或者“yyyy-MM-dd hh24:mm”后手动处理,都感觉有点儿麻烦。

最重要的是,个人感觉jquery-ui-timepicker-addon颜值比较高,嘿嘿!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值