laydate 使用

那年仲夏 提交于 2020-01-10 05:41:08
版本 1.0.9 和 2.X
使用方式 引入laydate.js 或者layui.js
这里使用laydate.js
在页面引入相应的js 注意版本
 
在js 中
statime = {
elem : '#startTime',
istime : true,
format : 'YYYY-MM-DD hh:mm:ss', // 分隔符可以任意定义,该例子表示只显示年月
festival : true, // 显示节日
start : list.layStart,
min : list.layStart,
max : list.layStart,
choose : function(datas) { // 选择日期完毕的回调
alert('您选择的日期为:' + datas);
 
if ($("#subsidyType").val() == null) {
$("#errorMsg_name").html("请先选择补贴类型");
}
 
var startTime = $("#startTime").val();// startTime
 
if (nullRegex.test(startTime) || startTime == null)// startTime
// 为空校验
{
$("#errorMsg_startTime").html("起始时间不能为空");
$("#errorMsg_startTime").show();
} else {
$("#errorMsg_startTime").hide();
}
}
} ;
方式一: laydate(statime );
方式二:$("#endTime").attr("onclick","laydate("+JSON.stringify(statime)+")");
 
问题: 在使用方式一, 通过异步请求给插件动态赋min 和start变量时.出现了插件在未选择时间关闭 后 再次点击时,初始化值是上次 的初始值的问题. 采用方式二后 正常.
如果使用1.0.9版本,建议通过 页面 的方式绑定控件
<input id="ico" readonly><span class="laydate-icon" onclick="laydate({elem: '#ico'});"></span>
 
注意:将参数封装成一个对象, 修改具体参数时, 可以使用 statime.elem ="#阿斯蒂芬": 修改.
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!