jQuery Datepicker是一個(gè)非常方便的日期選擇器插件,可以幫助我們快速地在網(wǎng)站中實(shí)現(xiàn)日期選擇的功能。其中,年份是一個(gè)很重要的因素,下面我們來介紹一下如何在jQuery Datepicker中設(shè)置年份。
$(function() { $("#datepicker").datepicker({ changeYear: true, yearRange: "1900:2050" }); });
在代碼中,我們使用了changeYear屬性和yearRange屬性來設(shè)置年份。changeYear屬性表示是否可以選擇年份,將其值設(shè)置為true時(shí)即可開啟選擇年份的功能。而yearRange屬性表示可以選擇的年份范圍,我們可以自行設(shè)置起始年份和終止年份,中間用冒號隔開。
$(function() { $("#datepicker").datepicker({ changeYear: true, yearRange: "-100:+100", defaultDate: new Date() }); });
如果我們不希望每次修改年份時(shí)都需要手動(dòng)選擇當(dāng)前年份,可以使用defaultDate屬性來設(shè)置默認(rèn)日期。默認(rèn)日期可以是一個(gè)字符串或Date對象,如果設(shè)置為new Date(),則會自動(dòng)選擇當(dāng)前日期。
在使用jQuery Datepicker中,我們可以根據(jù)自己的需求來設(shè)置年份,實(shí)現(xiàn)更加靈活的日期選擇功能。