html wdatepicker 年月日分别显示

iampigiampig 2011-08-08 09:38:47

我想做一个，当下拉菜单选择“年”时，wdatepicker以“yyyy”的形式显示；选择“月”时，以“yyyy-mm”的形式显示；选择“周”时，以“yyyy-mm-dd”的形式显示。但是，我的代码还有问题，请各位大侠帮我看看！以下是我的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//CH"
"http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>test11</title>

<script type="text/javascript" >
//var btn1Obj = document.getElementById("1111");

function applyContent()
{

if(document.getElementById("pptType").value=="year")
{
document.getElementById("1111").value="";
document.getElementById("1111").onclick=test1;

}
else if(document.getElementById("pptType").value=="month")
{
document.getElementById("1111").value="";
document.getElementById("1111").onclick=test2;

}
else if(document.getElementById("pptType").value=="week")
{
document.getElementById("1111").value="";
document.getElementById("1111").onclick=test3;

}
else if(document.getElementById("pptType").value=="day")
{
alert("day");
}

}

function test1()
{
alert("year2");
WdatePicker({skin:'whyGreen',dateFmt:'yyyy'});
// document.getElementById("2222").value="年";
}

function test2 ()
{
alert("month2");
WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM'});
// document.getElementById("2222").value="月";
}

function test3()
{
alert("week2");
WdatePicker({isShowWeek:true});
// document.getElementById("2222").value="周";
}

</script>
<script language="javascript" type="text/javascript" src="DatePicker/WdatePicker.js"></script>
</head>
<body>
<form id="test">
<input id = "1111" type="text" class="Wdate" onClick="">
<select id="pptType" onchange="applyContent()" >
<option value="year" >年</option>
<option value="month" >月</option>
<option value="week">周</option>
<option value="day">日</option>
</select><br>
<br>
<div id="testId"></div>
</form>
</body>
</html>

...全文

732 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

班门弄斧 2011-08-08

打赏
举报

不客气，帮助别人的同时也是同时提高自己

班门弄斧 2011-08-08

打赏
举报

原因是因为你使用的是onclick()事件，而控件是要使用onfocus()事件



<html >

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gbk" />

  <title>test11</title>



  <script type="text/javascript" >

   

function applyContent()

{



  if(document.getElementById("pptType").value=="year")

  {   

  document.getElementById("1111").value="";  

  document.getElementById("1111").onfocus=test1;

    

  }

  else if(document.getElementById("pptType").value=="month")

  {

  document.getElementById("1111").value="";  

  document.getElementById("1111").onfocus=test2;

    

  }

  else if(document.getElementById("pptType").value=="week")

  {  

  document.getElementById("1111").value="";   

  document.getElementById("1111").onfocus=test3;

    

  }

  else if(document.getElementById("pptType").value=="day")

  {

  alert("day");  

  }



}





function test1()  

{

alert("year2");

  WdatePicker({skin:'whyGreen',dateFmt:'yyyy'});

 }  









function test2 ()  

{

alert("month2");

WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM'});  

}  







function test3()  

{

alert("week2");

WdatePicker({isShowWeek:true});  

}







  </script>

  <script language="javascript" type="text/javascript" src="DatePicker/WdatePicker.js"></script>

 

  </head>

  <body>

  <form id="test">

  <input id = "1111" type="text" class="Wdate" onfocus="">

  <select id="pptType" onchange="applyContent()" >

  <option value="year" >年</option>

  <option value="month" >月</option>

  <option value="week">周</option>

  <option value="day">日</option>

  </select><br>

<br>

  <div id="testId"></div>

  </form>

  </body>

</html>

iampigiampig 2011-08-08

打赏
举报

谢谢你了，可以了

班门弄斧 2011-08-08

打赏
举报

楼主用上面的代码测试一下，看还行

班门弄斧 2011-08-08

打赏
举报



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



<html>   

  <head>   

  <meta http-equiv="Content-Type" content="text/html; charset=gbk" />

  <title>test11</title>

<script language="javascript" type="text/javascript" src="DatePicker/WdatePicker.js"></script>  

<script type="text/javascript">   

  

var myDateFMT='yyyy-MM-dd';

function a(){WdatePicker({dateFmt:myDateFMT});}   

  

function b(obj){   

    if(obj.value == '年'){   

        myDateFMT='yyyy';   

    }   

    else if(obj.value=="月"){   

        myDateFMT='yyyy-MM';   

    }   

    else{   

        myDateFMT='yyyy-MM-dd';   

    } 

}   

  

</script>   

  

  </head>   

     

  <body>   

    <input type="text" id="dateTime" name="dateTime" onfocus="a()"/>   

    <input type="radio" name="dateType" onclick="b(this)" value="年">年</input>

    <input type="radio" name="dateType" value="月" onclick="b(this)" />月</input>

    <input type="radio" name="dateType" checked="true" value="日" onclick="b(this)"/>日</input>   

  </body>   

</html>