EXTJS 比较日期大小

最新推荐文章于 2021-01-13 23:25:36 发布

LZG0321

最新推荐文章于 2021-01-13 23:25:36 发布

阅读量8.5k

点赞数 1

分类专栏： EXT javascript 文章标签： extjs stylesheet date function html div

本文链接：https://blog.csdn.net/LZG0321/article/details/7336902

版权

EXT 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

javascript

20 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <title>04.form</title>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="../../ext-all.js"></script>
        <script type="text/javascript">
            Ext.onReady(function () {

                var form = new Ext.form.FormPanel({
                    defaultType: 'datefield',
                    labelWidth: 50,
                    width: 220,
                    items: [{
                        fieldLabel: '文本框',
                        format: 'm/d/Y', //此处的格式需要与①处的相一致
                        id: '123'
                    }],
                    buttons: [{
                        text: '比较',
                        handler: function () {
                            var value1 = Ext.getCmp('123').getValue();
                            var dt1 = new Date(value1);//获取选择的时期对象
                            
                            var dt2 = new Date();
                            var value2 = dt2.format('m/d/Y');//①
                            dt2 = new Date(value2);//获取当前日期的时间对象
                            
                            value1 = Date.parse(dt1); //Date.parse的处理很关键
                            value2 = Date.parse(dt2);
                            if (value1 < value2) {
                                Ext.Msg.alert('结果', '选择日期<当前日期');
                            } else if (value1 > value2) {
                                Ext.Msg.alert('结果', '选择日期>当前日期');
                            }
                            else if (value1 == value2) {
                                Ext.Msg.alert('结果', '选择日期=当前日期');
                            }
                        }
                    }]
                });
                form.render("form");

            });
        </script>
    </head>
    <body>
        <div id="form" style="margin:100px;"></div>
    </body>
</html>