layui时间选择器选择周日月季度年

原创

已于 2024-10-24 11:00:57 修改 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript #1024程序员节

于 2024-09-20 17:01:39 首次发布

	<!-- layui框架样式 -->
    <link type="text/css" href="/static/plugins/layui/css/layui.css" rel="stylesheet" />
    <!-- layui框架js -->
    <script type="text/javascript" src="/static/plugins/layui/layui.js"></script>

	<div class=" layui-form-item">
        <div class="layui-inline layui-form">
            <div class="layui-input-inline">
                <select name="type" id="selectedOption" lay-filter="college">
                    <option value="day" selected="selected">按日统计</option>
                    <option value="week">按周统计</option>
                    <option value="month">按月统计</option>
                    <option value="quarter">按季度统计</option>
                    <option value="year">按年统计</option>
                </select>
            </div>
            <label class="layui-inline" id="worldlable" style="width: 190px;">
                <input id="worldId" type="text" class="layui-input laydate-test" data-type="date" autocomplete="off">
            </label>
        </div>
    </div>

 var form, layer, laydate, layerTable;
layui.use(['form', 'upload', 'layer', 'laydate', 'jquery'], function () {
        form = layui.form;
        layer = layui.layer;
        laydate = layui.laydate;
        layerTable = layui.table;

        //laydate.render({
        //    elem: '#worldId',
        //    max: genTime('day'),
        //    value: genTime('day'),
        //    type: 'date'
        //});

        renderWeekDate('#worldId', '');