十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
你動態(tài)添加的input框,并不會被日歷控件主動初始化。
為昌江等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及昌江網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為做網(wǎng)站、成都網(wǎng)站制作、昌江網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
因為你再初始化日歷控件的時候,頁面還沒有你添加的這些元素呢。
你只能這樣。
$(function(){
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
function initDatePicker(ele){
ele.datepicker({
dateFormat:"yy-mm-dd",
autoSize:true,
})
initDatePicker($(".datepicker"));
}
$("#addRow").click(function(){
var $tr=$("tr/tr");
var $td1=$("td/td");
var dateInput = $("input type=\"text\" class=\"datepicker\" style=\"width: 70px;\"")
$td1.append(dateInput);
$td1.appendTo($tr);
$tr.appendTo("#tab");
initDatePicker(dateInput);
}
)
1 先查下 UI文檔中有沒有選項
2 如果沒有再綁定一個鼠標事件 大意就是當鼠標點擊這個框的時候 加上disabled屬性
也就是說必須點擊 日歷圖標才觸發(fā)事件
3 日期段驗證jqueryUI 里面有對應demo 拿來用即可
(還可以用隱藏域來中轉 也可以達到不能手動的目的)
多功能jQuery日期控件 jeDate,jeDate除了包含日期范圍限制、開始日期設定、自定義日期格式、時間戳轉換、當天的前后若干天返回、時分秒選擇、智能響應、自動糾錯、節(jié)日識別,操作等常規(guī)功能外,還擁有更多趨近完美的解決方案。
日期對象可以使用系統(tǒng)的內置的構造函數(shù)來創(chuàng)建日期對象:
var d=new Date( );
d.getYear( ); //返回年不建議使用
d.getFullYear( ); //返回年,4位數(shù),建議使用
d.getMonth( );//返回月份,其值為0-11;
d.getDate( );//返回返回日期對象中的一個月中的第幾天
d.getDay( );//返回星期幾中的某一天
d.getHours( );//返回日期對象的小時部分
d.getMinutes( );//返回分鐘部分
d.getSeconds( );//返回秒鐘
d.getMillSeconds( );//返回毫秒
d.getTime( );//返回時間戳
d.getTimezoneOffset( );//返回時區(qū)的時差數(shù),單位是秒
希望對你有用.
這是因為模態(tài)對話框的z-index比較高的原因。
解決辦法:在樣式表中對日期彈出框指定比模態(tài)對話框大的z-index。
#ui-datepicker-div {z-index:2500 !important;}
用這個:minDate,maxDate
jQuery('#holderCertiValidityDate').datepicker({
changeMonth: true,
changeYear: true,
showOn: 'button',
buttonImage: 'images/date.gif',
buttonImageOnly: true,
buttonText: '選擇日期',
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
monthNamesShort: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
dateFormat: 'yy-mm-dd',
minDate: '-0y -0m -0d',
yearRange: '1900:c+90'
});
//為“出生日期”添加單擊函數(shù)
jQuery('#holderBirthday').datepicker({
changeMonth: true,
changeYear: true,
showOn: 'button',
buttonImage: 'images/date.gif',
buttonImageOnly: true,
buttonText: '選擇日期',
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
monthNamesShort: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
dateFormat: 'yy-mm-dd',
maxDate: '+0y +0m +0d',
yearRange: '1900:c+90'
});