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. k近邻法的实现

    k近邻法 模型 使用的模型实际上对应于特征空间的划分.模型的三个基本要素:1.距离度量 2. k值的选择 3. 分类决策规则决定. k值的选择:k值的选择,k如果选择的过小会导致过拟合,模型会变得复杂 ...

  2. CF-920C-Swap Adjacent Elements 贪心

    题意 给你一个1-n的排列. 并给你一个字符串——其中用0和1表示对应数列中的位置上的值可不可以和后面相邻的数交换. 判断该数列能否在限制中交换为不降序数列. 思路 由于刚学了树状数组,一开始以为是用 ...

  3. CodeForces-714B-Filya and Homework+思路

    Filya and Homework 题意: 给定一串数字,任选一个数a,把若干个数加上a,把若干个数减去a,能否使得数列全部相同: 思路: 我开始就想找出平均数,以为只有和偶数的可以,结果wa在 1 ...

  4. （六十）c#Winform自定义控件-鼓风机（工业）

    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. GitHub:https://github.com/kwwwvagaa/NetWinformControl 码云:ht ...

  5. Mysql的事务及行级锁

    转自:http://www.cnblogs.com/edwinchen/p/4171866.html 以签到为例,每个用户每天只能签到一次,那么怎么去判断某个用户当天是否签到呢?因为当初表设计的时候, ...

  6. 【LeetCode】56-合并区间

    题目描述 给出一个区间的集合,请合并所有重叠的区间. 示例 1: 输入: [[1,3],[2,6],[8,10],[15,18]] 输出: [[1,6],[8,10],[15,18]] 解释: 区间 ...

  7. kubernetes ConfigMap和Secret：配置应用程序

    7.1.配置容器化应用程序 7.2.向容器传递命令行参数 7.2.1.待Docker中定义命令与参数 1.了解ENTRYPOINT与CMD ENTRYPOINT定义容器启动时被调用的可以执行程序 CM ...

  8. openlivewriter安装配置

    一.前言 最近工作比较忙,同时也在构思下面我应该写哪方面的文章.上一篇文章,我直接在博客园管理后台自带的编辑器写的,确实比较麻烦,于是我就打算使用官方推荐的客户端“Open Live Writer”. ...

  9. 玩转 Springboot 2 之热部署(DevTools)

    Devtools 介绍 SpringBoot 提供了热部署的功能,那啥是热部署累?SpringBoot官方是这样说的:只要类路径上的文件发生更改,就会自动重新启动应用程序.在IDE中工作时,这可能是一 ...

  10. FreeSql （十六）分页查询

    IFreeSql fsql = new FreeSql.FreeSqlBuilder() .UseConnectionString(FreeSql.DataType.MySql, "Data ...