javascript - 日期插件datepicker的上月、下月按钮图标的问题
黄舟
黄舟 2017-04-11 11:41:38
[JavaScript讨论组]
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
迷茫

jQuery UIdatepicker 預設的圖標是用 cssbackground-image 來顯示,prevTextnextText 只是拿來設定提示用。

所以最快的方法就是直接覆蓋掉原始使用的圖標,但是這就必須用到圖片:

.ui-widget-header .ui-icon {
    background-image: url(新圖標) !important
}
$('#birthday,#enroll-birth-edit').datepicker({
    dateFormat : 'yy-mm-dd',
    defaultDate : '1998-1-1',        
    prevText : "上月",
    nextText :"下月"
});

如果不想用圖片一定要用 font-awesome 之類的 icon 的話,剛研究了下釋出了這個方法試出了這個方法,挺暴力的,不過因為我看了下源碼,並沒有任何可以方便更改的接口,是直接字符串連接寫死的,所以只能靠直接替換的方式了:

jsFiddle

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号