jquery UI 1.72 之datepicker

罗BIGRAIN

罗BIGRAIN

2016-02-19 14:14

下面这个jquery UI 1.72 之datepicker教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!
代码如下:
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
展开更多 50%)
分享

猜你喜欢

jquery UI 1.72 之datepicker

Web开发
jquery UI 1.72 之datepicker

jquery ui dialog里调用datepicker的问题

Web开发
jquery ui dialog里调用datepicker的问题

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQuery UI皮肤定制

Web开发
JQuery UI皮肤定制

什么是jQuery UI 教程

jQuery UI教程 设计
什么是jQuery UI 教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery ui 1.7更新小结

Web开发
jQuery ui 1.7更新小结

jQuery UI-Draggable 参数集合

Web开发
jQuery UI-Draggable 参数集合

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

我见过的最长的表达式

我见过的最长的表达式

JavaScript表单验证中文大写字母

JavaScript表单验证中文大写字母
下拉加载更多内容 ↓