ASP.NET+Ext Js4.0日期控件的用法

最新推荐文章于 2023-01-28 11:50:53 发布

LMAOhuaNL

最新推荐文章于 2023-01-28 11:50:53 发布

阅读量3k

点赞数

分类专栏： asp.Net Ext Js 文章标签： asp.net ext stylesheet function xhtml javascript

本文链接：https://blog.csdn.net/LMAOhuaNL/article/details/6768955

版权

asp.Net 同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

Ext Js

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!--Ext js(4.0)官方下载的样式代码库-->
    <link href="../ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <!--Ext js(4.0)官方下载的代码库-->
    <script src="../ExtJs/ext-all.js" type="text/javascript"></script>
    <!--Ext js(4.0)官方下载，添加下面代码库，让日期控件显示中文-->
    <script src="../ExtJs/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        var d1 = new Date();
        var d2 = new Date();
        var year = d2.getFullYear(); //获取年份
        d2.setFullYear(year - 30); //默认年份相差30年
        Ext.onReady(function () {
            var w = new Ext.Window({
                height: 400,
                width: 420,
                title: "日期控件",
                items: [
                     {
                         xtype: "datefield",
                         fieldLabel: "请选择您的生日",
                         editable: false, //editable表示是否可编辑
                         maxValue: d1,
                         minValue: d2,
                         format: "Y年m月d日",
                         id: "dpBirthday"
                    }],
                buttons: [{ text: "显示当前所选择的时间", handler: function (b) { //触发按钮的点击事件显示选择的日期
                    var d = Ext.getCmp("dpBirthday").getValue(); //获取到日期控件的值
                    var year = d.getFullYear(); //年
                    var month = d.getMonth() + 1; //因为月份是从0-11，所以必须得+1
                    var d = d.getDate();   //日
                    var str = "你选择的是：" + year + "年" + month + "月" + d + "月";
                    Ext.MessageBox.alert("提示", str);
                }
                }]
            });
            w.show();
        });
    </script>
</head>
<body>

</body>
</html>

效果预览如下：