记一次fastadmin中使用datetimepicker时间格式不对，导致数据库保存为0000-00-00 00:00:00

最新推荐文章于 2024-05-28 14:59:43 发布
最新推荐文章于 2024-05-28 14:59:43 发布
阅读量295 收藏
点赞数 3
分类专栏： html fastadmin 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luhaiping1993/article/details/138672245
版权

先献上错误的使用代码：
html部分：
在这里插入图片描述
注意我的date-format 我使用的是YYYY-MM-DD HH:MM:SS
页面效果：
在这里插入图片描述
注意看秒数，竟然为96；不注意还没发现，这种数据往数据库保存，不会报错，到时字段值最后保存就为0000-00-00 00:00:00
在这里插入图片描述
正确的写法：
date-format=‘YYYY-MM-DD hh:mm:ss’ 这种时分秒就不会出错了；
又是一个小细节！！！！！很完美

不行就去养猪
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
fastadmin添加自定义页面，实现7天，1月，1年，以及指定时间查询显示表格
天龙的博客
01-26 1050
fastadmin添加自定义页面，实现7天，1月，1年，以及指定时间查询显示表格
fastadmin 导出csv文件
11-20
fastadmin 导出csv文件
【fastadmin问题栏】一键生成CRUD时时间格式错误问题
最新发布
weixin_54094555的博客
05-28 289
解决办法：将integet类型修改成datetime类型，并设置所需要时间格式。在一键生成CRUD后，发现在管理端存储数据时自动保存时间提示错误。根据开发文档中，这边是设置成了。结果发现自动生成的代码中设置为。
fastadmin 日期设置默认值datetimepicker 默认前一天
niubenshan的博客
06-07 1004
【代码】fastadmin 日期设置默认值datetimepicker 默认前一天。
FastAdmin日期控件
weixin_46047399的博客
09-01 2019
1:fastadmin日期选择控件的是用的bootstrap的方式。 var form = $("form.form-commonsearch"); if ($(".datetimepicker", form).size() > 0) { require(['bootstrap-datetimepicker'], function () { var options = { format: 'YYYY-MM-DD HH:mm
fastadmin table 渲染时间格式化
weixin_43652106的博客
08-10 1215
记录：fastadmin table 渲染时间为日期（年-月-日）格式及默认初始化日期时间格式。HTML中显示日期格式。
FastAdmin class 定义 datetimepicker时间插件，点击input 无任何反应
Anglows的博客
09-23 1115
fastadmin 使用 datetimepicker 。
eros-plugin-IOS-dateTimePicker:基于WEEX二次开发的日期时间选择插件
04-29
基于WEEX二次开发的日期时间选择器插件 安装 打开iOS目录工程目录/platforms/ios/WeexEros，编辑Podfile文件，增加以下代码； pod 'QBMDateTimePicker', :git => '...
angular项目中bootstrap-datetimepicker时间插件的使用示例
08-27
Angular 项目中 Bootstrap-Datetimepicker 时间插件的使用示例 Bootstrap-Datetimepicker 是一个非常流行的日期时间选择器插件，它可以与 Angular 项目集成，提供了一个非常灵活和实用的日期时间选择器界面。在本文...
Perfect-DateTimePicker：日期和时间选择器的jQuery插件
01-30
Perfect-DateTimePicker 用于日期和时间选择器的jQuery插件（基于jQuery的日期时间选择器） 演示： : 功能（特性） 简单交互。 简洁的界面。 Bootstrap样式。 预览（预览图） API（接口） options（属性配置）...
angular-bootstrap-datetimepicker：由Twitter Bootstrap设置的本机Angular日期时间选择器组件
01-31
我知道这是一个很小的组件，但是很多人在生产中使用它（对我们所有人来说是最高5）-如果您碰巧使用了此组件，请单击星号按钮（在页面顶部）-这对所有人都意义非凡贡献者。 对等依赖 对等依赖项： Angular 8.x或更高...
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
12-12
datetimepicker默认是在输入框下面弹出的，但是遇到输入框在屏幕下面时，日期选择框会有一部分在屏幕下面，显示不了，因此需要能够从上面弹出。设置很简单，在初始话中： $('.form_date').datetimepicker({ language: 'zh-CN', weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, forceParse: 0, pick
mat-datetimepicker：@angularmaterial的材质datetimepicker
01-29
datetimepicker取自并修改为使用@ angular / material作为基础并添加了主题支持。 像@ angular / material datepicker一样，它包含一个本机datetime-adapter以及一刹那datetime-adapter。 用法 安装 安装： yarn ...
fastadmin列表中，时间显示，格式设置
yqh的博客
12-02 4382
让列表中的时间，只显示，年月日： 代码： {field: 'buyTime', title: __('Buytime'), formatter: Table.api.formatter.datetime, datetimeFormat:"YYYY-MM-DD"},//只显示年月日 {field: 'useTime', title: __('Usetime'), operate:'RANGE', addclass:'datetimerange'},//初始化状态 参考资料： https://www.
FastAdmin日期选择控件的使用
热门推荐
安迪夫的博客
01-04 1万+
Fastadmin的日期选择插件介绍。
fastadmin页面日期时间组件的调用
chengxuyuan8的博客
07-10 4577
第一步 html <div class="form-group col-lg-3"> <div class="input-group form_datetime"> <span class="input-group-addon">收集时间:</span> <input class="form-control datetimepicker" data-date-format="YYYY-MM-DD
fastadmin 设置时间字段样式
qq_31315703的博客
10-30 681
文档 <input id="c-received" data-rule="required" class="form-control datetimepicker" name="row[received]" type="text" value="{:date('Y-m-d H:i:s',$row.received)}" disabled > edit: function () { var formatData = { format: 'YYYY-MM-
fastadmin Form.events
qq_31315703的博客
01-22 783
var events = Form.events; events.bindevent(form); events.validator(form, success, error, submit); events.selectpicker(form); events.daterangepicker(form); ...
fastadmin 双击详情页上使用时间插件
weixin_40597855的博客
02-22 525
fastadmin 双击详情页上使用时间插件
dateTimePicker组件，通过Picker Options中的disabledDate属性，设置日期时间禁用（例如，在2023-06-01 00：00：00至2023-06-03 22：00：00）之外的时间日期都不可选，请给出代码示例
06-03
好的，以下是一个基于Element UI的DateTimePicker组件的示例代码，可以禁用指定时间段之外的所有日期时间。具体代码如下： ```html <template> <div> <el-date-picker v-model="datetime" type="datetime" :picker-options="pickerOptions" :disabled="disabled" ></el-date-picker> </div> </template> <script> export default { data() { return { datetime: null, disabled: false, pickerOptions: { disabledDate: (time) => { const start = new Date("2023-06-01 00:00:00").getTime(); const end = new Date("2023-06-03 22:00:00").getTime(); return time.getTime() < start || time.getTime() > end; }, }, }; }, }; </script> ``` 其中，`pickerOptions`对象中的`disabledDate`属性是一个函数，它接收一个`time`参数，表示当前日期时间。该函数返回一个布尔值，表示当前日期时间是否可选。在该函数中，我们首先获取了指定的时间段的起始时间和结束时间，并将其转换为时间戳格式。然后，我们将当前时间转换为时间戳并与起始时间和结束时间进行比较，如果当前时间在指定的时间段之外，则返回`true`表示禁用该时间，否则返回`false`表示该时间可选。 最后，我们将`pickerOptions`对象绑定到DateTimePicker组件的`picker-options`属性中，即可实现禁用指定时间段之外的所有日期时间的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值