jQuery公历农历插件xp

所属分类:输入-日期和时间

 26768  291  查看评论 (19)
分享到微信朋友圈
X
jQuery公历农历插件xp ie兼容9

更新时间:2018/6/27 下午8:39:38

更新说明:本次更新主要解决了同一个页面,有多个公历农历输入框的问题。一个页面可以有多个了,互相不干扰。这是网友隔壁老王提出的问题,在此表示感谢


更新时间:2017/12/6 下午4:15:20

更新说明:将内部调用的函数变成了私有函数


更新时间:2017/12/3 上午9:40:19

更新说明:修改了在选择公历日的时候,农历不联动的bug


xp 公历农历选择插件说明

1.先引入jquery,再引入本插件

<script src="jquery.js"></script>
<script src="jquery-solarlunar-xp1.0.js"></script>

2.调用:

<script>
    $("你的input元素").solarlunar();
</script>

3.可配置项:

$("你的input元素").solarlunar({
    linkage: true, //是否在选公历(农历)时,农历(公历)联动变化。
    minyear: 1892, //最小年
    maxyear: 2100, //最大年 本插件年份支持极值为(1892-2100)
    type: "lunar", //初始显示公历还是农历。(solar公历,lunar农历)
    year: 2018, //初始显示的公历年份
    month: 1, //初始显示的公历月份
    day: 1, //初始显示的公历日
    lyear: 2017, //初始显示的农历年份
    lmonth: 12, //初始显示的农历月份
    lday: 15 //初始显示的农历日
});
相关插件-日期和时间

jQuery时间轴(原创)

时间轴,可左右点击切换、点击年,切换下面对应的内容
  日期和时间
 33628  373

jQuery移动端上下滑动日期选择插件mobileSelect.js

jQuery多功能的移动端滚动选择器,支持单选到多选、支持多级级联、提供自定义回调函数等
  日期和时间
 29668  217

自定义样式日程插件(原创)

可以根据需求自定义显示样式,当前demo为显示一个周
  日期和时间
 42594  332

jQuery带数据的日历插件

起始结束时间,可插入数据
  日期和时间
 54943  440

讨论这个项目(19)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    | Bin ' 0
    2022/2/18 9:19:04
    活在尘世中 0
    2021/9/11 10:22:22
    能不能把样式做好看点
        | Bin '0
        2022/2/18 9:45:04
        可以分享给我下吗
    回复
    梦在心中 0
    2020/1/9 15:52:48
    能不能在农历上加入干支纪年?
        caoxp800
        2020/1/15 15:26:09
        可以哈,加上干支并不复杂。这需要vip付费服务。请转转账到我的支付宝,就给你加上干支纪年。
    回复
    ?只侑你 0
    2019/11/7 20:53:05
    能不能年限调大点?
        西瓜0
        2019/11/8 1:45:24
        当然可以,jquery-solarlunar-xp1.0.js第715行修改maxyear: 2035,
        caoxp800
        2020/1/15 15:27:26
        西瓜兄弟很不错哦,对我的代码深入研究过了呢
    回复
    ?只侑你 0
    2019/11/7 20:27:47
    页面载入时没有今天的日期
        西瓜0
        2019/11/8 1:47:02

        基实答案,下面留言坐作者已经回答了,修改以下参数中值为自动获取即可。

        /*******6.默认参数*******/
        $.fn.solarlunar.default = {
            linkage: true, //是否在选公历(农历)时,农历(公历)联动变化。
            minyear: 1950,
            maxyear: 2035,
            type: "lunar",
            year: 2019,
            month: 1,
            day: 1,
            lyear: 2017,
            lmonth: 12,
            lday: 15
        };
        ?只侑你0
        2019/11/9 19:44:23
        我公历获取当前日期好了,但我农历也要能自动或者也能获取当前农历,不知道那个函数了,请指教下!
    回复
    尘轩 0
    2019/8/30 15:13:57
    你好我这用着不好用啊 需要怎么操作啊 回复
    红尘浊酒醉 0
    2019/1/19 15:25:16
    作者你好
    发现了一个小小的问题,农历选到最大值的时候,再点击回到公历,年份 select 就会为空
        caoxp800
        2019/4/24 16:05:54
        已修改
    回复
    领航美工-王勋 0
    2018/8/6 10:52:50
    最好有能设置时间的
        caoxp801
        2018/8/6 12:08:59
        $("你的input元素").solarlunar({
            linkage: true, //是否在选公历(农历)时,农历(公历)联动变化。
            minyear: 1892, //最小年
            maxyear: 2100, //最大年 本插件年份支持极值为(1892-2100)
            type: "lunar", //初始显示公历还是农历。(solar公历,lunar农历)
            year: 2018, //初始显示的公历年份
            month: 1, //初始显示的公历月份
            day: 1, //初始显示的公历日
            lyear: 2017, //初始显示的农历年份
            lmonth: 12, //初始显示的农历月份
            lday: 15 //初始显示的农历日
        });

        配置项里可以设置初始时间。如果你说的不是指这里,那你说的设置时间是指哪里设置时间?

    回复
    ?隔壁老王? 0
    2018/4/23 11:36:51
    怎么解决一个页面多次调用的问题》???????
        caoxp800
        2018/6/26 17:46:22
        最近都没有空。明天有空来解决
        caoxp800
        2018/6/28 10:22:04
        版本已更新。一个页面可以多次调用了
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复