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>

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

  1. ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法

    如果是Ext.form.panel的话,只要设置一下属性就可以.如下代码: { text : '期间', width : 80, sortable : true, dataIndex : 'accou ...

  2. WPF DatePicker日期控件只显示年月

    1.需要引用2个类,第一个类DatePickerCalendar public class DatePickerCalendar { public static readonly Dependency ...

  3. Ext5.1日期控件仅显示年月

    1.注册xtype类型 2.保存文件为xxxx.js 3.使用 xtype : monthfield return this.buildToolbar({ items: [ { xtype: 'mon ...

  4. js 日期控件 可以显示为和历

    日期控件的js <!-- /** * Calendar * @param beginYear 1990 * @param endYear 2010 * @param language 0(zh_ ...

  5. js ui框架 My97日期控件 富文本编辑器

    My97日期控件 http://www.my97.net/dp/index.asp 富文本编辑器 http://www.kindsoft.net/demo.php 百度的magic也不错 http:/ ...

  6. bootstrap的datetimepicker控件只选择年月的配置

    <script src="{% static "jquery/jquery-1.11.3.min.js" %}"></script> & ...

  7. MY97 日期控件只输入今天之前的值

    <script type="text/javascript">                        function GetDate() {          ...

  8. JavaScript-自制日历控件(只选择年月)

    <style> *{margin: 0px; padding: 0px;} </style> <input type="text" name=&quo ...

  9. easyui datebox 扩展 只显示年月

    http://blog.csdn.net/zhaobao110/article/details/47755445 一个日期控件只显示年月是很正常的事情.可是easyui datebox 不支持这种格式 ...

随机推荐

  1. 2019nc#7

    题号 标题 已通过代码 题解/讨论 通过率 团队的状态 A String 点击查看 进入讨论 566/3539  通过 B Irreducible Polynomial 点击查看 规律 730/229 ...

  2. BZOJ-2743: [HEOI2012]采花 前缀和 树状数组

    BZOJ-2743 LUOGU:https://www.luogu.org/problemnew/show/P4113 题意: 给一个n长度的序列,m次询问区间,问区间中出现两次及以上的数字的个数.n ...

  3. 不修改的主席（HJT）树-HDU2665，POJ-2104；

    参考:优秀的B站视频:   和 https://blog.csdn.net/creatorx/article/details/75446472 感觉主席树这个思路是真的优秀,每次在前一次的线段树的基础 ...

  4. CodeForces 758 C Unfair Poll

    Unfair Poll 题意:一共有n排同学每排同学有m个人, 老师问问题有一个顺序, 先从第一排开始问,问完第一排的所有同学之后,再问第2排的,对于所有排的访问顺序为 1,2,3……n-1,n,n- ...

  5. codeforces 765 D. Artsem and Saunder（数学题）

    题目链接:http://codeforces.com/contest/765/problem/D 题意:题目中给出你两个公式,g(h(x))==x,h(g(x))==f(x).现给你f(x) 让你求符 ...

  6. docker 搭建自己的github

    github 搭建:   自己搭建一个github网站(仓库)   daocloud:公共hub搜索git下载github镜像 docker pull gitlab/gitlab-ce:8.7.0-r ...

  7. Linux-配置YUM仓库

    范例:配置Yum仓库 Yum软件仓库的作用是为了进一步简化RPM管理软件的难度以及自动分析所需软件包及其依赖关系的技术.可以把Yum想象成是一个硕大的软件仓库,里面保存有几乎所有常用的工具,而且只需要 ...

  8. java.lang.UnsupportedClassVersionError：JDK版本不一致报错

    交代一下背景:公司运行的一个上线项目,打了个补丁发给客户后,反馈说运行不了.把源码拿回来场景重现.贴上报错信息: 08-15 14:13:29 ERROR doPost(jcm.framework.r ...

  9. 新手学习FFmpeg - 调用API计算关键帧渲染时间点

    通过简单的计算来,线上I帧在视频中出现的时间点. 完整代码请参考 https://andy-zhangtao.github.io/ffmpeg-examples/ 名词解释 首先需要明确以下名词概念: ...

  10. Docker下kafka学习三部曲之一：极速体验kafka

    Kafka是一种高吞吐量的分布式发布订阅消息系统,从本章开始我们先极速体验,再实战docker下搭建kafka环境,最后开发一个java web应用来体验kafka服务. 我们一起用最快的速度体验ka ...