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);
                }
            });

 

posted @ 2015-12-17 09:57  云之星海  阅读(250)  评论(0编辑  收藏  举报