layui日期和时间组件使用示例

分享
未结 精华 置顶
3 132
chichu
chichu 2020-06-15
在 layui 模块中使用
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layDate快速使用</title>
  <link rel="stylesheet" href="/static/build/layui.css" media="all">
</head>
<body>
 
<div class="layui-inline"> <!-- 注意:这一层元素并不是必须的 -->
  <input type="text" class="layui-input" id="test1">
</div>
 
<script src="/static/build/layui.js"></script>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  //执行一个laydate实例
  laydate.render({
    elem: '#test1' //指定元素
  });
});
</script>
</body>
</html>

作为独立组件使用

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>使用 layDate 独立版</title>
</head>
<body>
 
<input type="text" id="test1">
 
<script src="laydate.js"></script>
<script>
//执行一个laydate实例
laydate.render({
  elem: '#test1' //指定元素
});
</script>
</body>
</html>

上一篇:CLTPHP.Pro V1 独立版 500元特惠(名额已满)

下一篇:cltphp首次进入没加载css的问题

回帖
  • 2020-06-22 17:34:31

    select的multiple优化一下呗....


    0 回复
  • 2020-07-14 08:17:30

    “>123123

    0 回复
取消评论