【layui】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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM