laydate 二次渲染不能重新设置

JavaScript日期时间插件应用

最新推荐文章于 2023-12-27 10:30:41 发布

原创最新推荐文章于 2023-12-27 10:30:41 发布 · 7.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用JavaScript实现的日期时间插件，该插件能够格式化日期时间，并提供了一个自定义的时间选择器，允许用户选择未来72小时之后的日期时间。文章详细展示了如何在网页中移除原有输入框并重新渲染，以及如何利用laydate插件实现日期时间的选择。

function add(m){
   return m<10?'0'+m:m
}
function fortime(date){
   var y = date.getFullYear();
   var m = date.getMonth()+1;
   var d = date.getDate();
   var h = date.getHours();
   var mm = date.getMinutes();
   var s = date.getSeconds();
   return(y+'-'+add(m)+'-'+add(d)+' '+add(h)+':'+add(mm)+':'+add(s));
}

var param_id = $('td[kid="fm8l5qo9l7"]').find('input').attr('id');

//把原来的先删除然后再重新添加//再次渲染
$("#"+param_id).remove();
var date = new Date(new Date().getTime() + (1000 * 60 * 60 * 72));
var date_str = fortime(date);

$('td[kid="fm8l5qo9l7"]').prepend('<input class="layui-input " data-laydate="datetime" type="text" autocomplete="off" data-kid="fm8l5qo9l7" id="'+param_id+'" name="data[fm8l5qo9l7]" lay-verify data-verify="{"date":true}" value>');

laydate.render({
   elem: "#"+param_id,
   type: "datetime",
   format: "yyyy-MM-dd HH:mm:ss",
   min: date_str,
   btns: ['clear', 'confirm']
});