layui的基本使用-日期控件的业务场景使用入门实战案例一

效果镇楼;

1

前端UI层面;

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  <!-- layui的核心CSS文件 -->
<link rel="stylesheet" href="layui/css/layui.css" >

 <script src="layui/layui.js" type="text/JavaScript" charset="uft-8"> </script>
</head>
<body>


 <div class="layui-contaier" style="background-color: aquamarine; height: 200px;" >
  
 </div>

   
 <div class="layui-row">
   
</div>

<div class="layui-input-inline">
  普通选择器
      <input class="layui-input" id="test1" type="text" placeholder="yyyy-MM-dd">
  </div> 
  
  <input type="text" class="layui-input layui-date" id="test-startDate" placeholder="yyyy-MM-dd">

<!-- 726 -1  -->


    <h1>demo</h1>
    <script>
        // Usage
        // layui.use(function(){
        //   var layer = layui.layer;
        //   // Welcome  没有引入错误,但是位置放错了,就不行啊
        //   layer.msg('Hello World', {icon: 6});
        //   // layer.msg('没有引入错误,但是位置放错了,就不行啊', {icon: 6});
        // }); 

        layui.use('laydate', function(){
          var laydate = layui.laydate;
      
      //执行一个laydate实例
      laydate.render({
        elem: '#test-startDate' //指定元素
      });
    });



        </script> 


</body>
</html>

苟日新一刻钟总结反观:

2 那么业务场景的话,就没有那么简单了。首先就是解决方案里面可不止一个文件夹,是多个项目组成的解决方案。比如仓储层,Repository项目,业务层项目,Services,同时各自对应了各自的接口项目;Model 实体类项目层,以及WebAPI接口层项目,这样子算起来就至少三个类库项目以上的了,包括还有其他的项目组成,互相之间都是有引用关系存在。 并且其中有重的业务逻辑存在其中。

3 另外还有一个就是数据库;

作为存储数据的数据源头,也是一门很重要的入门技术,而且也是必须知道的技术! 如果不知道的话,就必须恶补的了! 否则咋样? 挨骂啊! 还能咋样,非常现实的事情场景,并且如果切换业务场景,业务公司了,可能会更加严酷,更加艰难,更加寸步难行的客观事实场景所在啊! 非常现实的事情。

不努力,不付出,那您等着被骂一万遍就行了。其他不需要多说,多说也无益。because code根本骗不了人, 就是完全实打实的!

因为一个逗号,电脑程序都可以编译不过去。何况其他? 其他细节的注意不到呢,会更加严重的不是吗!

相关推荐
FFF-X1 分钟前
前端字符串模糊匹配实现:精准匹配 + Levenshtein 编辑距离兜底
前端
Hi_kenyon11 分钟前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
止观止32 分钟前
深入理解 interface vs type:终结之争
前端·typescript
css趣多多42 分钟前
vue环境变量
前端
RFCEO44 分钟前
前端编程 课程十五、:CSS核心基础3:文字+段落样式
前端·css·文字+段落样式·css文本样式·美化页面文本内容·演示动画说明·单行文字垂直居中技
摇滚侠44 分钟前
【程序员入门系列】jQuery 零基础入门到精通!Jquery 选择器 API
前端·javascript·jquery
im_AMBER44 分钟前
Leetcode 111 两数相加
javascript·笔记·学习·算法·leetcode
源力祁老师1 小时前
深入解析 Odoo 中 default_get 方法的功能
java·服务器·前端
sleeppingfrog2 小时前
zebra打印机实现前端打印
前端
摇滚侠2 小时前
前端判断不等于 undefined 不等于 null 的方法
前端