前端开发中遇到的坑

来源:互联网 发布:linux grep命令及实例 编辑:程序博客网 时间:2024/06/05 18:10

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颜值比较高,嘿嘿!


原创粉丝点击