jquery UI 1.72 之datepicker
更新时间:2009年12月29日 00:05:47 作者:
一步一步学jquery UI 1.72 之datepicker,中间都写了注释方便大家学习。
复制代码 代码如下:
<script type="text/javascript">
$(function() {
var options = {
changeMonth: true, //显示月份下拉框
changeYear: true, //显示年份下拉框
firstDay: 0, //第一天的索引(星期天放前面)(星期天到星期六对应的索引为:0~6)
showOtherMonths: true, //显示其他月份的日期
showMonthAfterYear: false, //年份下拉框放在月份下拉框的前面还是后面
prevText: "上一月", //跳转到上一页的提示文本
nextText: '下一月', //跳转到下一页的提示文本
stepMonths: 2, //每点击一次“上一月”或者“下一月”,移动2个月
navigationAsDateFormat: true,
showCurrentAtPos: 3, //离当前月偏移3个月
showOn: 'both',
//minDate/maxDate/hideIfNoPrevNext为一组
minDate:'-10', //
maxDate: '35',
hideIfNoPrevNext: false, //据说是禁止使用prev 和next ,必须配合maxDate和minDate使用
// defaultDate: 2, //设置当前日期
gotoCurrent: true,
numberOfMonths: 2, //一次显示2个月(2个日历)
yearRange: '2009:2019' //显示可选的年份
};
//初始化日期控件
$('#datePicker').datepicker(options);
//显示当前日期
$('#datePicker').datepicker('getDate');
//设置当前日期
$('#datePicker').datepicker('setDate', '+1m +1d')
})
</script>
您可能感兴趣的文章:
- jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
- jquery UI Datepicker时间控件的使用方法(终结版)
- jquery UI Datepicker时间控件的使用方法(加强版)
- JQuery UI DatePicker中z-index默认为1的解决办法
- jquery ui dialog里调用datepicker的问题
- jQuery UI Datepicker length为空或不是对象错误的解决方法
- jQueryUI中的datepicker使用方法详解
- 设置jQueryUI DatePicker默认语言为中文
- jquery UI Datepicker时间控件的使用及问题解决
- jquery UI Datepicker时间控件冲突问题解决
相关文章
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
jQuery1.3.2 升级到 1.4.4 ,需要修改的地方,需要的朋友可以参考下。2011-01-01如何确保JavaScript的执行顺序 之jQuery.html深度分析
在上一篇文章《如何确保JavaScript的执行顺序 - 之实战篇》中,我们发现jQuery的html函数能够确保动态加载的JavaScript按照引入顺序执行。2011-03-03Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Jquery Ajax学习实例4-向WebService发出请求,返回实体对象的异步调用2010-03-03JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
之前项目中才用了Easy-ui,但是在同时使用tree和grid的效果时,因为页面有俩个URL,分别为Ajax树去后台取数据和Grid取数据,在IE9以上以及其他浏览器里都没有问题,在Ie低版本时会出现先加载表格,然后一闪而过加载树渲染页面,造成页面只有tree数据而没有表格grid数据。2014-06-06easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
下面小编就为大家带来一篇easyui datagrid 大数据加载效率慢,优化解决方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论