laydate 使用

Posted 2020-10-10 菜鸟心晴

官网 http://www.layui.com/doc/modules/laydate.html

参考 http://www.cnblogs.com/fengpingfan/p/4660273.html

版本 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 ="#阿斯蒂芬": 修改.