dojo中取DateTextBox中的值两种方法

1、第一种方法

通过JavaScript中的document.getElementById("startDate").value取值

<script type="dojo/on" data-dojo-event="click" data-dojo-args="evt">
      var startDate = document.getElementById("startDate").value;
      var endDate = document.getElementById("endDate").value;
      alert("开始日期:" + startDate + "\n" + "结束日期:" + endDate);
</script>
2、第二种方法

通过dojo中的dijit.byId("startMonth").get('displayedValue')取值

 <script type="dojo/on" data-dojo-event="click" data-dojo-args="evt">
       var startMonth = dijit.byId("startMonth").get('displayedValue');
       var endMonth = dijit.byId("endMonth").get('displayedValue');
       alert("开始月份:" + startMonth + "\n" + "结束月份:" + endMonth);
</script>
3、运行结果

(1)初始化时



(2)点击第一个查询时


(3)点击第二个查询时


4、页面源码

<!DOCTYPE html>
<!--
To change this license header,choose License Headers in Project Properties.
To change this template file,choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>DoJo DateTextBox取值</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link  rel="stylesheet" href="../script/dojoroot/dijit/themes/claro/claro.css"/>
        <script type="text/javascript" src="../script/dojoroot/dojo/dojo.js" data-dojo-config="isDebug: true,parseOnLoad: true"></script>
    </head>
    <body class="claro" role="main">
        <div id="div_body">
            <table>
                <tr>
                    <td>
                        <label for="startDate" style="color:#FF0000; font-weight:bold;">开始日期:</label>
                       <input type="text" id="startDate" data-dojo-id="startDate" data-dojo-type="dijit/form/DateTextBox"
                              data-dojo-props='type:"text",name:"startDate",required:true,onChange:function(){ dijit.byId("endDate").constraints.min = this.get("value"); },constraints:{datePattern:"yyyy-MM-dd"} '/> 
                    </td>
                    <td style="width:20px;"></td>
                    <td>
                       <label for="endDate" style="color:#FF0000;font-weight:bold;">结束日期:</label>
                       <input type="text" id="endDate" data-dojo-id="endDate" data-dojo-type="dijit/form/DateTextBox"
                              data-dojo-props='type:"text",name:"endDate",onChange:function(){ dijit.byId("startDate").constraints.max = this.get("value"); },constraints:{datePattern:"yyyy-MM-dd"} '/> 
                    </td>
                    <td style="width:20px;"></td>
                     <td>
                         <button type="button" id="searchBtn" data-dojo-type="dijit/form/Button">查询
                             <script type="dojo/on" data-dojo-event="click" data-dojo-args="evt">
                                 var startDate = document.getElementById("startDate").value;
                                 var endDate = document.getElementById("endDate").value;
                                 alert("开始日期:" + startDate + "\n" + "结束日期:" + endDate);
                             </script>
                         </button> 
                    </td>
                </tr>
                <tr>
                    <td>
                       <label for="startMonth" style="color:#00FF00;font-weight:bold;">开始月份:</label>
                       <input type="text" id="startMonth" data-dojo-id="startMonth" data-dojo-type="dijit/form/DateTextBox"
                              data-dojo-props='type:"text",name:"startMonth",onChange:function(){ dijit.byId("endMonth").constraints.min = this.get("value"); },constraints:{datePattern:"yyyy-MM"} '/> 
                    </td>
                    <td style="width:20px;"></td>
                    <td>
                       <label for="endMonth" style="color:#00FF00;font-weight:bold;">结束月份:</label>
                       <input type="text" id="endMonth" data-dojo-id="endMonth" data-dojo-type="dijit/form/DateTextBox"
                              data-dojo-props='type:"text",name:"endMonth",onChange:function(){ dijit.byId("startMonth").constraints.max = this.get("value"); },constraints:{datePattern:"yyyy-MM"} '/> 
                    </td>
                    <td style="width:20px;"></td>
                     <td>
                         <button type="button" id="search" data-dojo-type="dijit/form/Button">查询
                             <script type="dojo/on" data-dojo-event="click" data-dojo-args="evt">
                                 var startMonth = dijit.byId("startMonth").get('displayedValue');
                                 var endMonth = dijit.byId("endMonth").get('displayedValue');
                                 alert("开始月份:" + startMonth + "\n" + "结束月份:" + endMonth);
                             </script>
                         </button> 
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>

相关文章

我有一个网格,可以根据更大的树结构编辑小块数据.为了更容易...
我即将开始开发一款教育性的视频游戏.我已经决定以一种我可以...
我正在使用带有Grails2.3.9的Dojo1.9.DojoNumberTextBox小部...
1.引言鉴于个人需求的转变,本系列将记录自学arcgisapiforja...
我正在阅读使用dojo’sdeclare进行类创建的语法.描述令人困惑...
我的团队由更多的java人员和JavaScript经验丰富组成.我知道这...