⑴ 怎样在html页面中导入WdatePicker.js
首先需要知道使用WdatePicker控件需要的不仅仅是js文件,而是其整个文件夹都需要
然后在html文档中引入js文件就可以了
具体代码如下:
<html>
<head>
</head>
<body>
<script type="text/javascript" src="datepickerWdatePicker.js"></script>
<input type="text" id="nxvrf" name="nx_vrf_date" onClick="WdatePicker()" readOnly="true" />
</body>
</html>
附件中已经有WdatePicker控件需要的文件,并有一个我写好的演示文件.
需要额外说明的是, 请使用ie浏览器打开演示.
因为chrome,360 禁用本地文件协议,导致控件的部分文件无法加载; 必须放到服务器才会生效
⑵ 未结束的字符串常量:wdatepicker.js 代码"0"
这是网站的脚本错误,有可能会导致当前网页的一些功能失效,但并不是说你的电脑或是程序出了问题.浏览器弹出这个提示框就是想告诉你一下,在处理网页的JS代码时出现了错误,和它相关的或能可能会无法正常工作了.如果你是网站开发者,可以通过这个提示发现问题的所在,进而解决问题.但显然12306的工程师们不会在知道问这么简单的问题.
所以,给你的建议就是,把那个"对于网页错误始终显示此消息"的勾去掉,然后点关闭.
⑶ wdatepicker控件问题
恐怕得修改源码,应该是这个文件calendar.js
⑷ 求一个能输入的时间JS控件,要有源码,只要小时分钟,谢谢。
google搜索下my97datepicker,第一个就是。
小时分钟的例子:
<input type="text" id="checktime" name="checktime" class="Wdate" size="50" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm'})" />
官网的文档里也有各种例子。
⑸ JS取出select框中值转换为实际年龄
function geb(obj)
{
return document.getElementById(obj);//引入对象ID,返回某个对象
}
function tmValue(obj)
{
return geb(obj)[geb(obj).selectedIndex].value;//引入select的ID,返回select的已选中的项的value值;
}
function retAge()
{
var
year=tmValue('optionYear')*1,//取得选中年份的值,并转换为数字;
month=tmValue('optionMonth')*1,//取得选中月份的值,并转换为数字;
day=tmValue('optionDay')*1;//取得选中日的值,并转换为数字;
var
birthday=new data(),now=birthday;//声明个生日日期变量和现在日期变量,此时两个变量都是现在的系统时间;
birthday.setFullYear(year,month,day);//将年月日付给生日日期变量;
var fulltime=now-birthday;//得到两个日期所距离的毫秒数;
//楼下说的很对,要考虑月份,所以我对我的代码作出如下调整
var age=now.getFullYear() - fulltime.getFullYear();//返回距离年
if((now.getMonth()-birthday.getMonth())>0)age+1;//如果现在的月份比生日月份大,年龄变量加1;
return age;//返回计算后的年龄;
// return fulltime /1000/60/60/24; 返回距离多少天
//还有你上面的input 没有 type='text'
//因为是手写的代码,所以可能存在大小写错误,自己改下
}
⑹ WdatePicker({})控件 点击弹出选择框后选择任意一天 开始时间和结束时间显示本周星期一和星期天的日期。
思路:每次取日期的时候增加一个响应函数,在函数中将期间进行修改。
例子:
首先将onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" 增加一个onpicked,如:
<input type="text" id="startTime_week" name="startTime_week" style="width:90px" value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:getMonday})" />
增加一个JS function
functiongetMonday()
{
vartoday=newDate();
varweekday=today.getDay();
varmonday=newDate(1000*60*60*24*(1-weekday)+today.getTime());
//alert(getDateStr(monday));
$("#startTime_week").val(getDateStr(monday));
}
functiongetDateStr(dd){
vary=dd.getFullYear();
varm=dd.getMonth()+1;//获取当前月份的日期
m=parseInt(m,10);
if(m<10){
m="0"+m;
}
vard=dd.getDate();
d=parseInt(d,10);
if(d<10){
d="0"+d;
}
returny+"-"+m+"-"+d;
}
获取星期天的例子类似
functiongetSunday()
{
vartoday=newDate();
varweekday=today.getDay();
varsunday=newDate(1000*60*60*24*(7-weekday)+today.getTime());
$("#endTime_week").val(getDateStr(sunday));
}
仅供参考~~
⑺ js动态添加带WdatePicker日期控件的文本框
var txt = document.createElement("input");
txt.setAttribute("id", "id");
txt.setAttribute("type", "text");
txt.onclick = function() {
WdatePicker({skin:'whyGreen',minDate:'1000-01-01',maxDate:'9999-12-31'});
};
document.body.appendChild(txt);
⑻ 有没有DATE类型的WdatePicker
更新和修正的内容
1.优化了速度和内存占用
2.增加realValue 的格式设置
3.增强日期范围限制
可以使用#year# #month# #day# #lastDay#
如:本月最后一天#year#-#month#-#lastDay#
明年今天(注意有运算的地方,比如+1,必须用{}) : {#year#+1}-#month#-#day#
函数 #F{function}
比如用另一个框(id是test1)的值作为最小日期,则 MINDATE="#F{$('test1').value}"
4.当日期格式设置为 %h:%m:%s 只有时间选择了
5.增加年份月份导航,增加清空按钮
6.增加显示位置设置(上面 下面 自动(默认))
7.增加文件包路径设置(在wdatepicker.js文件里,默认为空,程序会自动计算路径)
8.增加自定义触发事件,可以在日期框添加属性 onpicked="function(){}" 来自定义触发事件
9.增加多语言自动选择功能,系统会根据用户浏览器语言自动选择 简体 繁体 和英文
⑼ 求助,WdatePicker显示如下
思路:每次取日期的时候增加一个响应函数,在函数中将期间进行修改。 例子: 首先将onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" 增加一个onpicked,如: <input type="text" id="startTime_week" name="startTime_week" style="width:90px" value="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:getMonday})" /> 增加一个JS function getMonday() { var today=new Date(); var weekday=today.getDay(); var monday=new Date(1000*60*60*24*(1-weekday) + today.getTime()); //alert(getDateStr(monday)); $("#startTime_week").val(getDateStr(monday)); } function getDateStr(dd){ var y = dd.getFullYear(); var m = dd.getMonth()+1;//获取当前月份的日期 m=parseInt(m,10); if(m<10){ m="0"+m; } var d = dd.getDate(); d=parseInt(d,10); if(d<10){ d="0"+d; } return y+"-"+m+"-"+d; }获取星期天的例子类似 1234567function getSunday(){ var today=new Date(); var weekday=today.getDay(); var sunday=new Date(1000*60*60*24*(7-weekday) + today.getTime()); $("#endTime_week").val(getDateStr(sunday));}仅供参考~~
⑽ js的代码onclick="WdatePicker()"如何实现默认为昨天
<input type="text" onclick="WdatePicker({startDate:'%y-%M-{%d-1}'})">
试试这个