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. HDU-DuoXiao第二场hdu 6315 Naive Operations 线段树

    hdu 6315 题意:对于一个数列a,初始为0,每个a[ i ]对应一个b[i],只有在这个数字上加了b[i]次后,a[i]才会+1. 有q次操作,一种是个区间加1,一种是查询a的区间和. 思路:线 ...

  2. hdu 1078 FatMouse and Cheese（简单记忆化搜索）

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=1078 题意:给出n*n的格子,每个各自里面有些食物,问一只老鼠每次走最多k步所能吃到的最多的食物 一道 ...

  3. 【Offer】[51] 【数组中的逆序对】

    题目描述 思路分析 测试用例 Java代码 代码链接 题目描述 在数组中的两个数字,如果前面一个数字大于后面的数字,则这两个数字组成一个逆序对.输入一个数组,求出这个数组中的逆序对的总数.例如,在数组 ...

  4. springCloud相关学习资料

    SpringCloud相关学习资料 SpringCloud资料参考: 1. 史上最简单的 SpringCloud 教程 | 终章 2. Spring Cloud基础教程 SpringCloud相关: ...

  5. JavaScript如何给td赋值

    td里加个标签,如: <td><div id="aa"></div></td> document.getElementById('a ...

  6. 微软发布.Net Core 3.0 RC1，最终版本定于9月23日

    2019.9.17 微软 宣布推出.NET Core 3.0 Release Candidate 1.就像Preview 9一样,主要专注于为 .NET Core 3.0 发布最终版本 .现在变得非常 ...

  7. 关于样式style

    今天看到了一个bgcolor和以前看过的background-color,特意查了一下区别 百度是这么说的:background-color是标准CSS属性,bgcolor应该是IE扩展的html元素 ...

  8. linux 操作系统级别监控 vmstat/dstat 命令

    vmstat命令综合了CPU.进程.内存.磁盘IO等信息 命令:vmstat 1       表示vmstat每2秒采集数据,一直采集,直到我结束程序 vmstat 2 1    表示每个两秒采集一次 ...

  9. 个人微信Hook-C#Demo开发SDK

    目录 基础信息类 好友操作 群操作类 发送信息 接收信息 Demo源码 基础信息类 获取个人信息 从网络获取群成员信息 从网络获取个人信息 获取公众号信息 获取群组信息 获取群成员信息 获取单个好友信 ...

  10. Spring入门教程

    Spring新手入门教程,配套下面这两个大神的课程就可以了. 一个是Spring视频教程. 一个是Spring博客教程. https://www.imooc.com/learn/196 http:// ...