Question

求助，关于网页中“<input type='text' name='name'>”输入时间的问题？？

能否给出一段代码达到如下效果：
1．当我点击空白输入框的时候能够自动输入形式为“2006-08”的时间效果（注意：只要年月）；
2．输入框是不可编辑的；
3．还有个要求就是：能够方便的分别选取“年份”和“月份”，年份期限为“1950--2050”。

这个应该是一个html+javascript就能实现的效果。请高手给出个源码示例吧，谢谢了。

Answer 1

好了，如下：

<input id='ym' type="text" name="ym" size=40 onclick="init()" readonly='readonly'>
<select name="y" onchange='oncy(value)'>
<option value="year" selected>年份</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
</select>
<select name="m" onchange='oncm(value)'>
<option value="month" selected>月份</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<script type="text/javascript">
var t = document.getElementById('ym');
function init(){
if (t.value.length==0){
var d = new Date();
var m = d.getMonth() + 1;
t.value = d.getFullYear()+'-'+(m<10?"0":"")+m;
}
}
function oncy(v){
if (t.value.length==0)init();
t.value = t.value.replace(/(\d+)-/g,v+'-');
}
function oncm(v){
if (t.value.length==0)init();
t.value = t.value.replace(/-(\d+)/g,'-'+v);
}
</script>