育才学习网1.jquery怎样把日期控件输入的日期写入span,绑定日期控件的输入框不
你好！
提问的这个日期控件是哪个控件？不同日期控件使用的方法或属性都不相同，所以以后提问最好详细一些，这样才能更快的得到反馈！
我常用的jquery日期控件有jquery-ui的datepicker和easyui的datebox,
datepicker中可以通过属性来将选择日期输出到指定元素上，比如：
//引入各路脚本、样式 ------->>>；被省略啦······
//readonly="readonly" 这个属性将日期控件设置为只读
easyui的datebox，虽然相对较复杂，但想要实现你所描述的功能也是可以的，无非是对其中的某些class进行操作，而这些需要一点时间和体力··
2.一个日历控件的调用方法
先把里的那段代码保存成calendar.htm文件。
然后在别的要调用日历的文件里面使用calendar.htm.譬如input框可以这么写：
<input type="text" readonly="readonly" onclick="this.value = showModalDialog('calendar.htm', 'dd日mm月yyyy年' ，'dialogWidth:286px;dialogHeight:221px;status:no;help:no;');" />
实现的效果是：在文本框上面点击，弹出日历框，双击一个日期，则当前日期自动填入到文本框中。
showModalDialog参数里面的'dd日mm月yyyy年'是返回到文本框里面的日期格式，可以用别的代替，如'yyyy-mm-dd'.
如果要实现点击其中的一个日期的时候，他能链接到 diray.asp?sj=080402 这样的链接的话，要修改calendar.htm的代码，
找到这段代码：
window.document.attachEvent("ondblclick" ,
function()
{
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == "span" && obj.parentNode.className.replace(/Ctable/ig,"star") == "star" )
{
var mydate = new dataObj(obj.id.split("-")[0] , obj.id.split("-")[1] , obj.id.split("-")[2] );
window.returnValue = mydate.getDateString(userFormatString)
window.close();
}
}
);
把
var mydate = new dataObj(obj.id.split("-")[0] , obj.id.split("-")[1] , obj.id.split("-")[2] );
window.returnValue = mydate.getDateString(userFormatString)
修改为
window.returnValue = obj.id.split('-')[0].slice(2)+('0'+obj.id.split('-')[1]).slice(-2)+('0'+obj.id.split('-')[2]).slice(-2)
然后在调用的页面上面做一个连接：<a href="#" onclick="location='diray.asp?sj='+showModalDialog('calendar.htm', 'dd日mm月yyyy年' ，'dialogWidth:286px;dialogHeight:221px;status:no;help:no;');return false;">；查看日志</a>
如果要把日历控件直接插入到页面中，而不是弹出窗口的话，则修改下面的代码
var mydate = new dataObj(obj.id.split("-")[0] , obj.id.split("-")[1] , obj.id.split("-")[2] );
window.returnValue = mydate.getDateString(userFormatString)
window.close();
为：
window.location='diray.asp?sj='+obj.id.split('-')[0].slice(2)+('0'+obj.id.split('-')[1]).slice(-2)+('0'+obj.id.split('-')[2]).slice(-2);
转载请注明出处育才学习网 » jq日历插件怎么与自己写的按钮链接