⑴ 怎樣在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}'})">
試試這個