JQuery Calendar是一款非常實用的日歷插件。它可以用來顯示一個日歷,用戶可以選擇日期作為輸入或選擇顯示視圖以顯示某個起始日期的任意日期范圍。
$(document).ready(function() {
$('#calendar').daterangepicker({
locale: {
format: 'YYYY年M月D日',
"separator": " 至 ",
"applyLabel": "應用",
"cancelLabel": "取消",
"fromLabel": "從",
"toLabel": "到",
"customRangeLabel": "自定義范圍",
"weekLabel": "周",
"daysOfWeek": [
"日",
"一",
"二",
"三",
"四",
"五",
"六"
],
"monthNames": [
"一月",
"二月",
"三月",
"四月",
"五月",
"六月",
"七月",
"八月",
"九月",
"十月",
"十一月",
"十二月"
],
"firstDay": 1
}
});
});
如上所示,我們在初始化日歷插件時可以加入選項`locale`并設置中文相關參數。可以注意到,我們將日期格式設置為了中文格式。在用戶選擇日期時還可以自定義添加中文的按鈕文本,調整周首日等參數。
這些設置都可以按照自己的需求進行調整,以滿足產品本身的定制化要求。
下一篇mysql三大