Datepicker
ver 1.7.3 浏览更多
常用设置
1 //禁用今天之前时间 2 $(".datePicker").datepicker('option', { minDate: -0, maxDate: "+10Y" }); 3 4 //选中日期的显示格式 5 var dateFormat = 'yy-mm-dd'; 6 $('.datePicker').datepicker({firstDay: 1 , dateFormat: dateFormat});
js 添加标签,绑定 Datepicker 事件
如 js 动态添加以下 html 到页面,
<input type="text" class="datePicker" readonly="readonly">
实现方式简单,使用 Datepicker 给出的扩展 jQuery 方法就行。有一篇 文章 也介绍了此问题,可以参照。
1 $('input').addClass("datapicker"); 2 $('input').datepicker({ 3 dateFormat: "yy-mm-dd", 4 changeMonth: true, 5 changeYear: true, 6 showOn: 'both', 7 buttonImageOnly: true, 8 buttonImage: '/public/images/calendar.gif' 9 });