Jquery datepicker和datetimepicker的使用
1.添加引用:
<script src="/Scripts/jqueryui/jquery-ui-1.9.2.custom.js" type="text/javascript"></script> <link href="/Scripts/jqueryui/jquery-ui-1.8.19.custom.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jqueryui/jquery-ui-timepicker-addon.js" type="text/javascript"></script> <link href="/Scripts/jqueryui/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
2.Html中添加Input存放日期信息
<div class="f-input"> <input id="datepicker" name="datepicker" type="text" maxlength="40" class="f-txt-b f-txt"> </div>
3.datepicker英文显示的年月周用中文显示
$("#datepicker").datepicker({ minDate:new Date(),//设置最小时间为当前日期 maxDate:+7,//设置最大日期为当前日期的7天以后,也可以设置具体时间(2012-12-12) numberOfMonths: 1,//显示几个月 showButtonPanel: true,//是否显示按钮面板 dateFormat: 'yy-mm-dd',//日期格式 clearText: "清除",//清除日期的按钮名称 closeText: "关闭",//关闭选择框的按钮名称 yearSuffix: '年', //年的后缀 currentText: '今天', showMonthAfterYear: true,//是否把月放在年的后面 monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'], //dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], //dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'], dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'], onSelect: function (datepicker) {//选择日期后执行的操作 alert(datepicker); } });