zui框架配置日期控件只显示年月

jaden123 2019-10-08 原文

zui框架配置日期控件只显示年月

 

zui框架配置日期控件datetimepicker只显示年月

<!DOCTYPE html>
<head>

    <script src="~/Scripts/jquery-1.11.3.min.js"></script>
    <script src="~/res/zui-1.9.1-dist/dist/js/zui.min.js"></script>
    <script src="~/res/zui-1.9.1-dist/dist/js/zui.lite.min.js"></script>
    <script src="~/res/zui-1.9.1-dist/dist/lib/datetimepicker/datetimepicker.min.js"></script>
    <link href="~/res/zui-1.9.1-dist/dist/css/zui.min.css" rel="stylesheet" />
    <link href="~/res/zui-1.9.1-dist/dist/css/zui.lite.min.css" rel="stylesheet" />
    <link href="~/res/zui-1.9.1-dist/dist/css/zui-theme.min.css" rel="stylesheet" />
    <link href="~/res/zui-1.9.1-dist/dist/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet" />
</head>
<script>
    window.onload = function () {
        var now = new Date();//当前时间
        var todayDay = myformatter(now);//根据自己的时间展现需要来格式化成相关的格式
        $(".form-date").datetimepicker({
            language: "zh-CN",//用于月份和月份名称的语言的两个字母代码,英语("en")、德语("de")、巴西语("br")和西班牙语("es"),如果给出未知语言代码,将使用英语。
            weekStart: 1,//周一为第一天
            todayBtn: 1,//显示今天按钮
            autoclose: 1,//选择日期后自动关闭
            todayHighlight: 0,
            startView: 3,//0 1小时内,1天内,2一月内,3 1-12月,4 ,10年内
            minView: 3,//开始显示1-12月
            maxView: 4,//最大显示10年内
            forceParse: 1,//强制分析
            format: 'yyyy-mm',//选择时间格式
        }).val(todayDay);//初始化日期
    };
        function myformatter(date){
            var y = date.getFullYear();
            var m = date.getMonth()+1;
            return y+'-'+(m<10?('0'+m):m);
        }
</script>
<html>
<body>
    <table>
        <tr>
            <td>
                <input type="text" class="form-control form-date" value="" style="text-align:center;width:100px" readonly="readonly">

            </td>
        </tr>
    </table>


</body>
</html>
 

View Code

 

发表于
2019-10-08 22:50 Jaden123 阅读() 评论() 编辑 收藏

 

版权声明:本文为jaden123原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/jaden123/p/11638434.html

zui框架配置日期控件只显示年月的更多相关文章

随机推荐

  1. 原来微信里有这么多好玩的3D小游戏了

    自从《跳一跳》打开微信小游戏之门伊始,小游戏之势已然燎原。小编体验了上千款微信小游戏,虽然当前仍是以2D休闲游 […]...

  2. KVM系列教程(一)安装KVM

    本实验环境采用VMware WorkStation 15及RHEL 7.3镜像部署安装。 一、环境要求 利用上 […]...

  3. Session工作原理

    1、第一次向服务器发送请求时,创建一个Session对象,该Session对象有全球唯一的ID2、在创建Ses […]...

  4. 如何查看期刊或会议是EI还是SCI类型

    简介 如何确定期刊是否是SCI期刊? 如何确定期刊是否是EI期刊? 如何确定会议是否是EI会议? 如何确定期刊 […]...

  5. jdbc连接数据库的步骤

    创建一个以JDBC连接数据库的程序,通常包含以下7个步骤: 初始化驱动,加载JDBC驱动程序 在连接数据库之前 […]...

  6. XML的相关基础知识分享(二)

    前面我们讲了一下XML相关的基础知识(一),下面我们在加深一下,看一下XML高级方面。 一、命名空间 1、命名 […]...

  7. 性能测试之性能测试的基础理论

    随着软件行业的快速发展,现代的软件系统越来越复杂,功能越来越多,测试人员除了需要保证基本的功能测试质量,性能也 […]...

  8. KVM 一键批量创建虚拟机 自动设置IP

    目录 一、原理 二、基础镜像 2.1、创建基础镜像 2.2、 完善基础镜像 2.3、基础镜像设置权限 3.4 […]...

展开目录

目录导航