boostrap日期时间插件datetimepicker使用过程的一些问题总结

1.汉化问题

虽然有转门的汉化脚本,不过如果简单使用的话自己稍微改一下源码就行了:

 1 var dates = $.fn.datetimepicker.dates = {
 2     en: {
 3       days:        ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
 4       daysShort:   ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
 5       daysMin:     ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
 6       months:      ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
 7       monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
 8       meridiem:    ['am', 'pm'],
 9       suffix:      ['st', 'nd', 'rd', 'th'],
10       today:       'Today',
11       clear:       'Clear'
12     },
13     cn: {
14       days: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
15       daysShort: ["日", "一", "二", "三", "四", "五", "六", "七"],
16       daysMin: ["日", "一", "二", "三", "四", "五", "六", "七"],
17       months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
18       meridiem: ['am', 'pm'],
19       monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
20       today: "今天",
21       clear: "清除"
22     }
23   };

找到datetimepicker.js大概1500行附近的位置有上面这段代码,只要在源码上加上cn这个选项以及后面的代码就行了,然后在初始化插件的时候将language设成 'cn'就好

 

2.月份跳转箭头不显示的问题

这个问题我遇到过两种情况,第一种是返回bootstrap字体文件时出现问题,这个问题会在浏览器控制台上报错,具体要涉及到java后端使用spring boot框架时需要进行相应配置;第二种是bootstrap的版本问题,如果你使用的bootstrap是v3版本,而datetimepicker沿用的还是v2版本的样式时,那么在初始化插件时要加上bootcssVer: 3这个选项

 

转载于:https://www.cnblogs.com/NickyLi/p/10790247.html

你可能感兴趣的:(java,后端)