使用layui的日期控件（日历），自定义大小，显示位置

最新推荐文章于 2023-12-12 09:33:45 发布

芊汐

最新推荐文章于 2023-12-12 09:33:45 发布

阅读量5.6k

点赞数 3

分类专栏：前端 jquery layui 文章标签： html javascript jquery layui

本文链接：https://blog.csdn.net/qq_45241470/article/details/109677820

版权

本文介绍了如何在layui中使用日期控件，包括调整大小和设置显示位置，通过JS和HTML代码实现自定义效果，并展示了最终实现的截图。

摘要由CSDN通过智能技术生成

js代码

$(function() {
   
	initDate();
})

function initDate() {
   
	laydate.render({
   
		elem: '#date_div',
		position: 'static',
		change: function(value, date) {
    //监听日期被切换
			lay('#testView').html(value);
		},
		btns: ['now'],
		calendar: true,
		done: function(value, date

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

芊汐

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用layui的日期控件（日历），自定义大小，显示位置

js代码$(function() { initDate();})function initDate() { laydate.render({ elem: '#date_div', position: 'static', change: function(value, date) { //监听日期被切换 lay('#testView').html(value); }, btns: ['now'], calendar: true, done: function(va
复制链接

扫一扫