2024年Web前端最新前端日期组件layui使用，月模式_前端layerui 日期使用，2024年最新2024年最新大厂Web前端面试笔试题目

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最后写上我自己一直喜欢的一句名言：世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它

                   value="${assess.REPAIR_DATE}"
                   onFocus="WdatePicker({onpicking:loadDefaultNum,dateFmt : 'yyyy-MM',lang:'zh-cn'})"
                   id="repairDate" class="input-text Wdate w100" autocomplete="off"
            >

### 最终解决方案


更换日期组件，换为layui  
 引入代码如下：

var self=this;
//执行一个laydate实例
layui.use(‘laydate’, function() {
laydate = layui.laydate;
var month = new Date().getMonth() + 1;
month = (month < 10 ? “0” + month : month);

laydate.render({
    elem: '#repairDate',
    trigger: "click",
    format: 'yyyy-MM',
    type: 'month',
    //, show: true //直接显示
    value: new Date().getFullYear() + "-" + month,

    btns: ['now', 'confirm'],
    done: function (value, date, endDate) {//日期时间被切换后的回调
        //$('#datatime').change();
        // self.date = value;
        // self.dateText = self.dateFormed(value)
        self.loadDefaultNum();
        console.log(value); //得到日期生成的值，如：2017-08-18
        console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
        console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
    }
});

});

### 效果图


` 最终的效果还不错


![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/80e31737b4314c6aa443b8d673049996.png)


### 我踩过的坑


\*\*` 踩坑1：\*\*程序报错找不到 layui，  
 原因：我为了新的样式可以覆盖旧的样式，把css 和js 样式放到了最后，放到了我写layui.use(‘laydate’, function() 这段script 的后面。  
 放到后面，会导致找不到资源。  
 所以，我放到了这段script 之前。  
 **踩坑2：** 因为好久做script的开发，我引入script遇到了报错，我是缺少了type=“text/javascript” 这部分说明

#### 后话

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。