layui給下拉框、按鈕狀態(tài)、時(shí)間賦初始值的方法
更新時(shí)間:2019年09月10日 15:25:21 作者:楊蔥兒
今天小編就為大家分享一篇layui給下拉框、按鈕狀態(tài)、時(shí)間賦初始值的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
如下所示:

<!--彈框的dom結(jié)構(gòu)--> <div id="add_activity"> <div style="width: 95%;height: 100%;margin: auto;"> <form class="layui-form" lay-filter="formTest"> <table class="layui-table"></table> </form> </div> </div>
<script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a> </script>
layui.use('table', function() {
var table = layui.table;
//監(jiān)聽行工具事件
table.on('tool(test)', function(obj) {
var d = obj.data;
console.log(d);//可以打印出當(dāng)前行的信息
if(obj.event === 'edit') {
//下拉框賦初始值
var t = d.type; //活動(dòng)類型 1秒殺2送券3特價(jià)
//formTest 即 class="layui-form" 所在元素對(duì)應(yīng)的 lay-filter="" 對(duì)應(yīng)的值
form.val("formTest", {
"type": t // "name": "value"
});
//如果你用的是其他html結(jié)構(gòu),就用最原始的方法:$("#id").val(t);
//時(shí)間賦初始值
var r = d.start_time;
try {
laydate.render({
elem: '#choose_start',
value: new Date(r) //參數(shù)即為:2018-08-20 20:08:08 的時(shí)間戳
});
} catch(e) {
$("#choose_start").val(r); //直接賦值
}
//開啟關(guān)閉狀態(tài)賦初始值
var s = d.state; //1啟用 0停用
if(s == 1) {
form.val("formTest", {
"switch": s
})
};
//單選按鈕賦初始值
var position_sort=d.position_sort;
form.val("formTest", {
"position_sort": position_sort
});
form.render(); //更新全部
}
});
});
以上這篇layui給下拉框、按鈕狀態(tài)、時(shí)間賦初始值的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript實(shí)時(shí)顯示當(dāng)天日期的方法
這篇文章主要介紹了javascript實(shí)時(shí)顯示當(dāng)天日期的方法,可實(shí)時(shí)顯示當(dāng)前日期及星期的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-05-05
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
為什么TypeScript的Enum會(huì)出現(xiàn)問題
TypeScript引入了很多靜態(tài)編譯語(yǔ)言的特性,今天有一個(gè)類型需要著重討論下,這就是enum,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
使用nestjs實(shí)現(xiàn)郵件發(fā)送的代碼詳解
郵箱發(fā)送是我們常見的一個(gè)服務(wù),本篇文章帶大家用nestjs來實(shí)現(xiàn)一下,文中有詳細(xì)的代碼示例和圖文講解,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-10-10
js實(shí)現(xiàn)計(jì)時(shí)器秒表功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)計(jì)時(shí)器秒表功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12

