jquery时间下拉框小例子美高梅游戏官网网站,浅
分类:美高梅游戏官网网站

一、调用jSelectDate.js文件

复制代码 代码如下:

宗旨的代码如下

二、页面调用

<html>
<body>
<input type="text" id="Tb_Set_Time" size="10" width="200" value="2014-11-12"/>
<input type="text" id="Tb_End_Time" size="10" width="200" value="2014-12-22"/>

复制代码 代码如下:

复制代码 代码如下:

<input type="button" id="d523_ss" size="3" onclick='pickedFunc()' /> 秒

<html xmlns=";
<head><title> 
</title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">   
      var text="test"; 
   var   t=new functionTest(text); 
    function functionTest(text)
    {
          var alertText=text  
             $("#btnSave").click(function (e) {     
       alertTestInnert();   
    });            
          this.AlertTest= function ()
     {     
        alert(alertText);
     } 
      function alertTestInnert()
     {
        alert(alertText);
     } 
    }
      function alertTestOuter()
   {
        alert(text);
   }
    </script>
<body>
 <input type="button" id="btnSave" class="button" value="保存"  />
 <input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:t.AlertTest;" />
</body>
</html>

<script type="text/javascript">
 $("body").ready(function(){
 $("input.date").jSelectDate({
 css:"date",
 yearBeign: 1995,
 disabled : true
 });
 })
 </script>

<script src ="jquery.min.js"></script>
<script>
function pickedFunc() {

再点击保存,撤除时索要一定的操作,第贰回的代码如上:
点击保存,根本没影响,很奇异,这种最常用的jquery绑定事件乃至不起成效了。后来一相比较才晓得,其实自身忘了,绑定应该在$(document).ready(function () {})中开展;
js修改如下:

三、input选项框调用

var date1 = Date.parse($('#Tb_Set_Time').val());

复制代码 代码如下:

复制代码 代码如下:

var date2 = Date.parse($('#Tb_End_Time').val());

 var text="test"; 
   $(document).ready(function () {
      var   t=new functionTest(text); 
 });   
    function functionTest(text)
    {
          var alertText=text  
             $("#btnSave").click(function (e) {     
       alertTestInnert();   
    });            
          this.AlertTest= function ()
     {     
        alert(alertText);
     } 
      function alertTestInnert()
     {
        alert(alertText);
     } 
    }
      function alertTestOuter()
   {
        alert(text);
   }

<body>
 <input type="text" id="txtName" class="date" value="2005-3-22" />
 <input type="text" id="txtDate2" class="date" value="1995-5-2" />
 </body>

var diffDays = (date2 - date1) / 3600 / 1000 / 24;

修改后,点击保存能够了,况且不易的传递了参数,那样就足以确定保证在分歧点的情事下传递分歧的参数了。
但还只怕有一种景况,页面会动态变化一些标签,那么些标签的点击事件也急需管理。再度以撤消开关为例,由于是动态变化,就不能够运用和封存同样的法门了。
不得不接纳onclick="javascript:t.AlertTest;"这种看似的绑定。于是有测量试验如下:
修改

alert(diffDays);
}
</script>
</body>
</html>

复制代码 代码如下:

代码如下: html body input type="text" id="Tb_Set_Time" size="10" width="200" value="2014-11-12"/ input type="text" id="Tb_End_Time" size="10" width="200" value="20...

 <input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:t.AlertTest;" />

点击没反应,修改如下

复制代码 代码如下:

 <input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:alertTestOuter;" />

点击依然没反应,也绝非不当,在退换如下:

复制代码 代码如下:

 <input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:alertTestOuter();" />

此次有反应了,看来是少了一对括号。修改为包装的诀要如下:

复制代码 代码如下:

<input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:t.AlertTest();" />

点击没影响,提醒Uncaught ReferenceError: t is not defined
如上所述是变量t未有概念,成效域起功用了。于是修改js如下,也正是把变量t放到异地,赋值放在当中,正是之类:

复制代码 代码如下:

  var   t;
      var text="test"; 
   $(document).ready(function () {
          t=new functionTest(text); 
 });   
    function functionTest(text)
    {
          var alertText=text  
             $("#btnSave").click(function (e) {     
       alertTestInnert();   
    });            
          this.AlertTest= function ()
     {     
        alert(alertText);
     } 
      function alertTestInnert()
     {
        alert(alertText);
     } 
    }
      function alertTestOuter()
   {
        alert(text);
   }

末段一步,怎么样给打消调用的不二法门传递参数? 首先步修改js如下,也等于把撤销调用的函数改为索要传递参数的点子,代码如下:

复制代码 代码如下:

  var   t;
      var text="test"; 
   $(document).ready(function () {
          t=new functionTest(text); 
 });   
    function functionTest(text)
    {
          var alertText=text  
             $("#btnSave").click(function (e) {     
       alertTestInnert();   
    });            
          this.AlertTest= function (text)
     {     
        alert(text);
     }

      function alertTestInnert()
     {
        alert(alertText);
     } 
    }
      function alertTestOuter()
   {
        alert(text);
   }

对应的html修改如下:

复制代码 代码如下:

 <input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:t.AlertTest('124');" />

点击,看看是还是不是理所必然的传递了参数,一切符合规律,看来这么就做到了。
最终整理js代码: 把通用的js代码放到一个js文件里,这里放到了common.js中,区别的代码放在htm中,修改后的持有代码如下:

复制代码 代码如下:

<html xmlns=";
<head><title> 
</title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="common.js" type="text/javascript"></script>
<script type="text/javascript"> 
      var   t;//须要定义的各省,不然点击撤消时,无法访谈到变量t
      var text="test"; //传递的参数
   $(document).ready(function () {     
          t=new functionTest(text); //给t赋值,定义不可能放在此处边
 });
    </script>
<body>
 <input type="button" id="btnSave" class="button" value="保存"  />
 <input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:t.AlertTest('124');" />
</body>
</html>

common.js的代码:

复制代码 代码如下:

 function functionTest(text)
    {
          var alertText=text  
             $("#btnSave").click(function (e) {     
       alertTestInnert();   
    });            
          this.AlertTest= function (text)
     {     
        alert(text);
     }

      function alertTestInnert()
     {
        alert(alertText);
     } 
    }   

复制代码 代码如下: html xmlns="" headtitle /title script src="jquery-1.4.4.min.js" type="text/javascript"/script script typ...

本文由美高梅网址发布于美高梅游戏官网网站,转载请注明出处:jquery时间下拉框小例子美高梅游戏官网网站,浅

上一篇:Javascript控制页面链接在新窗口打开,在新窗口打 下一篇:Form表单提交通用实现,等待效果
猜你喜欢
热门排行
精彩图文