好咧
就这样吧

JQuery.ui Datepicker的应用

这两天做这个缘美假期,新加了一个行程定制的功能,有个起止日期的选项,想了下,记得JQUERY里有这么个小东东,就找了一下,果然有,于是加到页面里,顺便,把它汉化了一下。

[javascript]$(function() {
var dates = $( "#from, #to" ).attr("readonly", "true").datepicker({
defaultDate: "+1w",
changeMonth: true,
minDate: "2011-04-22", //最小时间
showOtherMonths: false,
numberOfMonths: 2,
closeText: '完成',
prevText: '上一月',
nextText: '下一月',
currentText: '返回今日',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['日','一','二','三','四','五','六'],
dayNamesMin: ['日','一','二','三','四','五','六'],
weekHeader: '周',
dateFormat: 'yy-mm-dd',
firstDay: 0,
showMonthAfterYear: true,
yearSuffix: '年',
showButtonPanel: true,
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date);
}
});
});

[/javascript]


 
相关推荐

最新回复