你动态添加的input框,并不会被日历控件主动初始化。
为昌江等地区用户提供了全套网页设计制作服务,及昌江网站建设行业解决方案。主营业务为做网站、成都网站制作、昌江网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
因为你再初始化日历控件的时候,页面还没有你添加的这些元素呢。
你只能这样。
$(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属性
也就是说必须点击 日历图标才触发事件
3 日期段验证jqueryUI 里面有对应demo 拿来用即可
(还可以用隐藏域来中转 也可以达到不能手动的目的)
多功能jQuery日期控件 jeDate,jeDate除了包含日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,操作等常规功能外,还拥有更多趋近完美的解决方案。
日期对象可以使用系统的内置的构造函数来创建日期对象:
var d=new Date( );
d.getYear( ); //返回年不建议使用
d.getFullYear( ); //返回年,4位数,建议使用
d.getMonth( );//返回月份,其值为0-11;
d.getDate( );//返回返回日期对象中的一个月中的第几天
d.getDay( );//返回星期几中的某一天
d.getHours( );//返回日期对象的小时部分
d.getMinutes( );//返回分钟部分
d.getSeconds( );//返回秒钟
d.getMillSeconds( );//返回毫秒
d.getTime( );//返回时间戳
d.getTimezoneOffset( );//返回时区的时差数,单位是秒
希望对你有用.
这是因为模态对话框的z-index比较高的原因。
解决办法:在样式表中对日期弹出框指定比模态对话框大的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'
});
//为“出生日期”添加单击函数
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'
});