laydata自定义日期之外格式的解决方法

需求:

点击日期组件,选择之后,显示 3月份的第三周, 查资料发现,只支持 年月日时分秒,不支持周,随意就想了以下解决办法。

 

代码:

<html>
<head>
    <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" />
  <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js" charset="utf-8"></script>
  <script src="https://www.layuicdn.com/layer-v3.1.1/layer.js" charset="utf-8"></script>

</head>

<style>
    
 .laofan{
    background:#009688 !important;
   
    color:#009688 !important;
    width:20px !important;
    overflow: hidden;
 }
</style>
<body> 
<div style="padding: 20px; background-color: #F2F2F2;">
    <form class="layui-form" action="">
     <input type="text" name="mytime"  class="layui-input" id="laofandata">
     <button type="button" class="layui-btn laofan" id="laofan"   ></button>
    </form>
</div>
 
<script>
    layui.use(['laydate','jquery'], function(){
        var laydate  = layui.laydate,
        $     = layui.jquery;
       
        //时间处理
        layui.use(['laydate'], function(){
            var layer = layui.layer;
            var laydate = layui.laydate;
            var util = layui.util;
            //时间选择器
            
            laydate.render({
                elem: '#laofan',
                type: 'date',
                format: 'yyyy-mm-dd',
                done: function(value, date, endDate){
                    var result = getMonthWeek(date.year,date.month,date.date);
                    $("#laofandata").val(result);
                }
            });
        });

        
        function getMonthWeek(a,b,c){
            var date = new Date(a, parseInt(b) - 1, c),
                w = date.getDay(),
                d = date.getDate();
            if(w==0){
                w=7;
            }
            var config={
                getMonth:date.getMonth()+1,
                getYear:date.getFullYear(),
                getWeek:Math.ceil((d + 6 - w) / 7),
            }
            var str=b+'月份的第'+config.getWeek+'周';
            return str; 
        }

      
    });
</script>
</body>
</html>
    A+
发布日期:2020年05月14日 23:21:08  所属分类:Layui
最后更新时间:2020-05-14 23:22:26
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
头像
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
刷流量 刷人气 刷点击 刷收藏 刷APP关键词
  • ¥ 1.0元
  • 市场价:9.9元
wordpress站群服务 泛解析二级域名 二级目录站群
wordpress站群服务 泛解析二级域名 二级目录站群
  • ¥ 1999.9元
  • 市场价:4800元
SEO顾问 中小型网站 单站最低99.9元 全方位优化
SEO顾问 中小型网站 单站最低99.9元 全方位优化
  • ¥ 99.9元
  • 市场价:5000元
服务器管理面板/主机控制面板“安装”服务
服务器管理面板/主机控制面板“安装”服务
  • ¥ 9.9元
  • 市场价:49.9元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: