想要达成的效果是,上月、下月按钮效果如图1所示,鼠标滑过日期的上月、下月按钮时显示上月、下月。
图1
图2
问题是,如图1,图2,鼠标滑过日期的上月、下月按钮时而显示上月、下月,时而显示这句代码,我知道这是由于图中圈画出的的title造成的
代码如下:
$('#birthday,#enroll-birth-edit').datepicker({
dateFormat : 'yy-mm-dd',
defaultDate : '1998-1-1',
prevText : '',
nextText : ''
});
了解到,prevText:"上一月", //鼠标放在翻月按钮上显示“上一月”,将代码改为如下:
$('#birthday,#enroll-birth-edit').datepicker({
dateFormat : 'yy-mm-dd',
defaultDate : '1998-1-1',
prevText : "上月",
nextText :"下月"
});
但是,效果如图3所示,按钮小箭头 > 没有了、、、、
想请教,怎么解决这个问题?达成想要的效果。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
jQuery UI的datepicker預設的圖標是用css的background-image來顯示,prevText和nextText只是拿來設定提示用。所以最快的方法就是直接覆蓋掉原始使用的圖標,但是這就必須用到圖片:
如果不想用圖片一定要用
font-awesome之類的icon的話,剛研究了下釋出了這個方法試出了這個方法,挺暴力的,不過因為我看了下源碼,並沒有任何可以方便更改的接口,是直接字符串連接寫死的,所以只能靠直接替換的方式了:jsFiddle