layui的日历组件(laydate)自动设置时间

简介: layui的日历组件(laydate)自动设置时间

场景: 日历控件默认显示到时分,当没有选择"时分"的时间时,默认将选择的时间的时分设置成:23点59分


遇到问题: 开始后是在layui的done回调方法中使用jquery设置日历控件的值,但是无论怎么设置,最后现实的还是选择的时间而不是设置的时间。


解决: 最后通过dubug,发现laydate控件设置显示的值是:datetime对象中的值,而datetime对象则是打开是选定的值,直接使用jquery修改日历控件的值并不能修改到datetime对象的值,所以,如果选择具体时间后,还需要进行手动的处理再显示到日历控件的话,需要在laydate控件的done方法中修改datetime对象的值,具体修改的如下:


1:datetime对象

image.png

2: 修改方式:

image.png

相关文章
|
JavaScript
Layui 弹层组件 - 基础参数3
Layui 弹层组件 - 基础参数3
90 0
|
8月前
|
自然语言处理 JavaScript 前端开发
vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载
【6月更文挑战第4天】导文 vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载 文章重点 内容效果展示: 当div拉到底部的时候: 在这里插入图片描述 编辑器返回: 在这里插入图片描述 代码展示 在Vue 2中,可以通过监听div的scroll事件来判断滚动条是否到达了底部。以下是一个简单的示例:
162 2
|
9月前
|
JavaScript UED
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
【vue】iview组件 DatePicker 日期选择器如何显示默认当前日期
472 1
|
7月前
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
221 1
layui的富文本编辑器layedit设置禁用状态
layui的富文本编辑器layedit设置禁用状态
151 0
|
9月前
|
JavaScript
layui laydate日期初始化的一些坑
【2月更文挑战第8天】layui laydate日期初始化的一些坑
|
9月前
|
JavaScript
vue使日历组件点击时间渲染到时间输入框
vue使日历组件点击时间渲染到时间输入框
126 0
|
JavaScript
Vue Antdv a-date-picker 手动关闭弹框(自定义Footer)
Vue Antdv a-date-picker 手动关闭弹框(自定义Footer)
460 0
|
JavaScript
关于Element-Ui 时间范围选择器DatePicker禁用范围日期问题
饿了么组件库的[DatePicker](https://element.eleme.cn/#/zh-CN/component/date-picker) 日期范围选择,