jquery UI 1.72 之datepicker
作者:bea
代码如下: <script type="text/javascript"> $(function() { var options = { changeMonth: true, //显示月份下拉框 changeYear: true, //显示年份下拉框 firstDay: 0, //第一天的索引(星期天放前面)(星期天到星期六对应的索引为:0~6) showOtherMonths: true, //显示其他月份的日期 showMonthAfterY
代码如下:
<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>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript 学习笔记(七)字符串的连接
- JavaScript 学习笔记(六)
- JavaScript 学习笔记(五)
- JavaScript 学习笔记(四)
- javascript showModalDialog模态对话框使用说明
- JavaScript 井字棋人工智能实现代码
- javascript控制frame,iframe的src属性代码
- 让IE8支持DOM 2(不用框架!)
- javascript 获取表单file全路径
- JavaScript 模拟用户单击事件
- js监听表单value的修改同步问题,跨浏览器支持
- js跟随滚动条滚动浮动代码
- Javascript的匿名函数小结
- JavaScript 对Cookie 操作的封装小结
- Javascript的闭包
- javascript Onunload与Onbeforeunload使用小结
- 用javascript实现源代码的隐藏与解密的方法
- JavaScript 常用函数
- jQuery的三种$()